|
|
@@ -318,10 +318,6 @@ |
|
|
|
<img class="markicon" :src="imgArr[1]"/> |
|
|
|
<p class="marktext">销讲词</p> |
|
|
|
</div> |
|
|
|
<div class="mark-item"> |
|
|
|
<img class="markicon" :src="imgArr[2]"/> |
|
|
|
<p class="marktext">销讲词销讲词销讲词</p> |
|
|
|
</div> |
|
|
|
<div class="mark-item"> |
|
|
|
<img class="markicon" :src="imgArr[3]"/> |
|
|
|
<p class="marktext">销讲词销讲词</p> |
|
|
@@ -2446,7 +2442,6 @@ export default { |
|
|
|
responseType: "blob", |
|
|
|
}) |
|
|
|
.then((res) => { |
|
|
|
console.log(res, "adasdjslakd"); |
|
|
|
let blob = new Blob([res], { type: "audio/*" }); |
|
|
|
saveAs(blob, "audio.mp3"); |
|
|
|
|
|
|
@@ -2484,14 +2479,14 @@ export default { |
|
|
|
padding: 9px 10px !important; |
|
|
|
} |
|
|
|
.rateboxcenttit { |
|
|
|
width: 100%; |
|
|
|
height: 44px; |
|
|
|
background: #F8F8F8; |
|
|
|
display: flex; |
|
|
|
align-items: center; |
|
|
|
color: #333333; |
|
|
|
font-size: 16px; |
|
|
|
&>div { |
|
|
|
width: 100%; |
|
|
|
height: 44px; |
|
|
|
background: #F8F8F8; |
|
|
|
display: flex; |
|
|
|
align-items: center; |
|
|
|
color: #333333; |
|
|
|
font-size: 16px; |
|
|
|
&>div { |
|
|
|
flex:1; |
|
|
|
white-space: nowrap; |
|
|
|
overflow: hidden; |
|
|
@@ -2500,75 +2495,74 @@ export default { |
|
|
|
} |
|
|
|
} |
|
|
|
.ratebutton { |
|
|
|
width: 68px; |
|
|
|
height: 26px; |
|
|
|
background: #2671E2; |
|
|
|
border-radius: 4px; |
|
|
|
font-size: 14px; |
|
|
|
font-weight: 400; |
|
|
|
color: #FFFFFF; |
|
|
|
text-align: center; |
|
|
|
line-height: 26px; |
|
|
|
margin:0 auto; |
|
|
|
width: 68px; |
|
|
|
height: 26px; |
|
|
|
background: #2671E2; |
|
|
|
border-radius: 4px; |
|
|
|
font-size: 14px; |
|
|
|
font-weight: 400; |
|
|
|
color: #FFFFFF; |
|
|
|
text-align: center; |
|
|
|
line-height: 26px; |
|
|
|
margin:0 auto; |
|
|
|
} |
|
|
|
|
|
|
|
.ratebutton1 { |
|
|
|
width: 68px; |
|
|
|
height: 26px; |
|
|
|
background: #F2F2F2; |
|
|
|
border-radius: 4px; |
|
|
|
font-size: 14px; |
|
|
|
font-weight: 400; |
|
|
|
color: #999999; |
|
|
|
text-align: center; |
|
|
|
line-height: 26px; |
|
|
|
margin:0 auto; |
|
|
|
width: 68px; |
|
|
|
height: 26px; |
|
|
|
background: #F2F2F2; |
|
|
|
border-radius: 4px; |
|
|
|
font-size: 14px; |
|
|
|
font-weight: 400; |
|
|
|
color: #999999; |
|
|
|
text-align: center; |
|
|
|
line-height: 26px; |
|
|
|
margin:0 auto; |
|
|
|
} |
|
|
|
|
|
|
|
/*话术*/ |
|
|
|
.huashu-title{ |
|
|
|
background: #fff; |
|
|
|
font-size: 16px; |
|
|
|
line-height: 20px; |
|
|
|
padding: 10px 20px; |
|
|
|
background: #fff; |
|
|
|
font-size: 16px; |
|
|
|
line-height: 20px; |
|
|
|
padding: 10px 20px; |
|
|
|
} |
|
|
|
.huashu{ |
|
|
|
width: 400px; |
|
|
|
padding: 0 20px 30px; |
|
|
|
display: flex; |
|
|
|
align-items: center; |
|
|
|
flex-wrap: wrap; |
|
|
|
background: #fff; |
|
|
|
.huashu-item{ |
|
|
|
margin-right: 20px; |
|
|
|
height: 30px; |
|
|
|
line-height: 30px; |
|
|
|
display: flex; |
|
|
|
align-items: center; |
|
|
|
.text{ |
|
|
|
font-size: 14px; |
|
|
|
color: #666; |
|
|
|
margin-left: 5px; |
|
|
|
|
|
|
|
} |
|
|
|
} |
|
|
|
width: 400px; |
|
|
|
padding: 0 20px 30px; |
|
|
|
display: flex; |
|
|
|
align-items: center; |
|
|
|
flex-wrap: wrap; |
|
|
|
background: #fff; |
|
|
|
.huashu-item{ |
|
|
|
margin-right: 20px; |
|
|
|
height: 30px; |
|
|
|
line-height: 30px; |
|
|
|
display: flex; |
|
|
|
align-items: center; |
|
|
|
.text{ |
|
|
|
font-size: 14px; |
|
|
|
color: #666; |
|
|
|
margin-left: 5px; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.rateboxcent { |
|
|
|
width: 100%; |
|
|
|
height: 50px; |
|
|
|
border-bottom: 1px solid #F8F8F8; |
|
|
|
display: flex; |
|
|
|
align-items: center; |
|
|
|
color: #666666; |
|
|
|
font-size: 14px; |
|
|
|
&>div{ |
|
|
|
flex:1; |
|
|
|
text-align: center; |
|
|
|
white-space: nowrap; |
|
|
|
overflow: hidden; |
|
|
|
text-overflow: ellipsis; |
|
|
|
} |
|
|
|
width: 100%; |
|
|
|
height: 50px; |
|
|
|
border-bottom: 1px solid #F8F8F8; |
|
|
|
display: flex; |
|
|
|
align-items: center; |
|
|
|
color: #666666; |
|
|
|
font-size: 14px; |
|
|
|
&>div{ |
|
|
|
flex:1; |
|
|
|
text-align: center; |
|
|
|
white-space: nowrap; |
|
|
|
overflow: hidden; |
|
|
|
text-overflow: ellipsis; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.mydesc{ |
|
|
@@ -2609,7 +2603,6 @@ export default { |
|
|
|
line-height: 18px; |
|
|
|
word-break: break-all; |
|
|
|
margin: 0; |
|
|
|
max-width: 100px; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|