Browse Source

声音对钩

master
congzc 1 year ago
parent
commit
dfe6f96903
3 changed files with 33 additions and 20 deletions
  1. BIN
      dist.zip
  2. +31
    -18
      src/views/model/editModel.vue
  3. +2
    -2
      src/views/videoDownload/videoDownload.vue

BIN
dist.zip View File


+ 31
- 18
src/views/model/editModel.vue View File

@@ -154,7 +154,8 @@
src="../../assets/icon/icon-microphone.png"
alt=""
/>
更改声音
<span v-show="!showSoundList2">更改声音</span>
<span v-show="showSoundList2">选择情绪</span>
</div>
<div @click="showTabSheet = !showTabSheet">
<img class="yesImg" src="../../assets/icon/icon-yes.png" alt="" />
@@ -165,6 +166,7 @@
<div class="tabSheet-content">
<!-- tab栏 -->
<van-tabs
v-if="!showSoundList2"
color="#7264F5"
line-width="46"
line-height="6"
@@ -209,19 +211,24 @@
</van-tabs>

<!-- 二级列表显示 -->
<van-popup
class="SoundList2"
v-model="showSoundList2"
position="bottom"
:style="{ width: '100%' }"
>
<div
<div v-if="showSoundList2" class="SoundList2">
<!-- <div
class="SoundList2-title"
@click="showSoundList2 = !showSoundList2"
@click="
showTabSheet = !showTabSheet
showSoundList2 = !showSoundList2
"
>
<div>&nbsp;</div>
<div>
<img
class="img"
src="../../assets/icon/icon-microphone.png"
alt=""
/>
选择情绪
</div>
<img class="yesImg" src="../../assets/icon/icon-yes.png" alt="" />
</div>
</div> -->
<div class="list">
<div v-if="soundItemList2.length == 0">暂无数据</div>
<template v-if="soundItemList.length != 0">
@@ -236,8 +243,8 @@
<div>{{ item.title }}-{{ item.speakTypeStr }}</div>
</div>
</template>
</div></van-popup
>
</div>
</div>
</div>
</div>

@@ -501,6 +508,9 @@ export default {
...mapActions(['setCharacters']),
// 点击底部tab栏
clickBottomTab(index) {
if (index == 1) {
this.showSoundList2 = false
}
if (index != 4) {
this.bottomTabActive = index
if (this.textareaContent.length == 0) {
@@ -1296,22 +1306,25 @@ export default {

.SoundList2 {
overflow: hidden;
height: 280px;
padding: 10px 10px 10px;
height: 240px;
// padding: 10px 10px 10px;
padding-top: 10px;
&-title {
display: flex;
justify-content: space-between;
margin-bottom: 10px;
width: 100%;
.img {
float: right;
margin-top: -3px;
margin-right: 3px;
width: 16px;
height: 16px;
}

.yesImg {
float: right;
margin-top: -3px;
margin-right: 3px;
width: 16px;
height: 16px;
margin-top: -3px;
width: 24px;
height: 16px;


+ 2
- 2
src/views/videoDownload/videoDownload.vue View File

@@ -87,8 +87,8 @@ export default {
// 安卓设备尺寸比其他设备小一半,需适配
// width: isAndroid ? '260px' : '480px',
// height: isAndroid ? '427px' : '854px',
width: '100%',
height: '100%',
width: isAndroid ? '50%' : '100%',
height: isAndroid ? '50%' : '100%',
// 以下可选设置
playsinline: true, // 禁止内置播放
isLive: false, // 直播


Loading…
Cancel
Save