阶段性上传

pages/bookShop/commodityDetail.vue

@@ -29,8 +29,10 @@
 			<view v-if="contentShow == 0">
 				<view class="tingshuList" v-if="listenList.length > 0">
 					<h4>赠送听书权益</h4>
-					<view class="item flexbox" v-for="item in listenList" :key="item.id" @click="goToListen(item.id)">
-						<text>{{item.name}}</text><u-icon name="volume" color="#71d5a1" size="24">立即试听</u-icon>
+					<view class="item flexbox" v-for="item in listenList" :key="item.id" style="vertical-align: middle;">
+						<text style="margin-top: 10rpx; padding-right: 10rpx;">{{item.name}}</text>
+						<u-icon v-if="item.canListen == 'true'" name="volume" color="#71d5a1" size="24" @click="goToListen(item.id)"></u-icon>
+						<u-icon v-else name="volume" color="#71d5a1" size="24" @click="goToListenNone(item.id)"></u-icon>
 					</view>
 				</view>
 			<view class="bookInfo" >
@@ -294,6 +296,12 @@
 				this.goPurse()
 				}
 			},
+			goToListenNone(){
+				uni.showToast({
+					title:'该书暂未生成音频内容，敬请期待！',
+					icon:'none'
+				})
+			},
 			// 加入购物车
 			addCart() {
 				if (this.productInfo.productStock == 0) {
@@ -466,7 +474,7 @@ formatRichText (html) { //控制小程序中图片大小
 	.tingshuList{margin-top: 20rpx; background-color: #fff; padding: 20rpx; 
  border-radius: 20rpx; margin-bottom: 20rpx; padding-top: 40rpx;
 	background-image: linear-gradient(0deg, #f7fffc 0%, #def0ea 100%);
-		.item{margin-bottom: 20rpx;}
+		.item{margin-bottom: 20rpx; vertical-align: middle; }
 		h4{color: #5fb386; font-size: 40rpx; margin-bottom: 20rpx;}
 		text{color: #444; font-size: 32rpx; padding-left: 20rpx;}
 	}