|
@@ -6,31 +6,38 @@
|
|
|
@click-left="onClickLeft"
|
|
|
></van-nav-bar>
|
|
|
<van-loading class="w-full text-center" v-if="loading" color="#FFFFFF" />
|
|
|
- <van-list :finished="finished" finished-text="没有更多了">
|
|
|
- <van-cell
|
|
|
- :border="false"
|
|
|
- center
|
|
|
- v-for="item in voiceList"
|
|
|
- :key="item.audioId"
|
|
|
- :title="item.text"
|
|
|
- >
|
|
|
- <template #title>
|
|
|
- <van-text-ellipsis class="w-250px" :content="item.text" dots="......">
|
|
|
- <template #action="{ expanded }">
|
|
|
- {{ expanded }}1111
|
|
|
- <van-icon color="#1989fa" v-if="expanded" name="arrow" />
|
|
|
- <van-icon color="#1989fa" v-else name="arrow-up" /> </template
|
|
|
- ></van-text-ellipsis>
|
|
|
- </template>
|
|
|
- <template #right-icon>
|
|
|
- <img
|
|
|
- @click="handlePlay(item)"
|
|
|
- class="w-25px h-25px"
|
|
|
- :src="!item.play ? img1 : img2"
|
|
|
- alt=""
|
|
|
- />
|
|
|
- </template>
|
|
|
- </van-cell>
|
|
|
+ <van-list v-else :finished="finished" finished-text="没有更多了">
|
|
|
+ <template v-if="voiceList.length > 0">
|
|
|
+ <van-cell
|
|
|
+ :border="false"
|
|
|
+ center
|
|
|
+ v-for="item in voiceList"
|
|
|
+ :key="item.audioId"
|
|
|
+ :title="item.text"
|
|
|
+ >
|
|
|
+ <template #title>
|
|
|
+ <van-text-ellipsis
|
|
|
+ class="w-250px"
|
|
|
+ :content="item.text"
|
|
|
+ dots="......"
|
|
|
+ >
|
|
|
+ <template #action="{ expanded }">
|
|
|
+ {{ expanded }}1111
|
|
|
+ <van-icon color="#1989fa" v-if="expanded" name="arrow" />
|
|
|
+ <van-icon color="#1989fa" v-else name="arrow-up" /> </template
|
|
|
+ ></van-text-ellipsis>
|
|
|
+ </template>
|
|
|
+ <template #right-icon>
|
|
|
+ <img
|
|
|
+ @click="handlePlay(item)"
|
|
|
+ class="w-25px h-25px"
|
|
|
+ :src="!item.play ? img1 : img2"
|
|
|
+ alt=""
|
|
|
+ />
|
|
|
+ </template>
|
|
|
+ </van-cell>
|
|
|
+ </template>
|
|
|
+ <van-empty v-else description="暂无数据" />
|
|
|
</van-list>
|
|
|
</div>
|
|
|
</template>
|