Merge pull request 'add goods details video' (#285) from zhy into master
Reviewed-on: http://git.luyuan.tk/luyuan/deming/pulls/285
This commit is contained in:
commit
f86e9ae009
@ -7,7 +7,7 @@
|
|||||||
<view v-for="(item, index) in evalueList" :key="index" class="itme">
|
<view v-for="(item, index) in evalueList" :key="index" class="itme">
|
||||||
<comment :reply="true" :content="item"></comment>
|
<comment :reply="true" :content="item"></comment>
|
||||||
</view>
|
</view>
|
||||||
<u-empty text="暂无评论" mode="list" v-if="!evalueList.length" margin-top="120" color="#333"></u-empty>
|
<u-empty text="暂无评价" mode="list" v-if="!evalueList.length" margin-top="120" color="#333"></u-empty>
|
||||||
</view>
|
</view>
|
||||||
<!-- 加载更多 -->
|
<!-- 加载更多 -->
|
||||||
<u-loadmore :status="loadStatus" bgColor="#EEEBEE" margin-top="20" margin-bottom="20" v-if="evalueList.length >= 12"></u-loadmore>
|
<u-loadmore :status="loadStatus" bgColor="#EEEBEE" margin-top="20" margin-bottom="20" v-if="evalueList.length >= 12"></u-loadmore>
|
||||||
|
@ -121,6 +121,11 @@
|
|||||||
<view class="heng"></view>
|
<view class="heng"></view>
|
||||||
</view>
|
</view>
|
||||||
<view class="rich">
|
<view class="rich">
|
||||||
|
<view class="goods-video" v-if="list.length && goodsInfo.video" @click="playVideo">
|
||||||
|
<image class="video-play" src="/static/videoPlay.png"></image>
|
||||||
|
<view class="blacks"></view>
|
||||||
|
<image class="video-img" :src="list[0].image" mode="aspectFill"></image>
|
||||||
|
</view>
|
||||||
<rich-text :nodes="goodsInfo.mobile_body"></rich-text>
|
<rich-text :nodes="goodsInfo.mobile_body"></rich-text>
|
||||||
</view>
|
</view>
|
||||||
<!-- 选择规格数量 -->
|
<!-- 选择规格数量 -->
|
||||||
@ -425,7 +430,7 @@ export default {
|
|||||||
},
|
},
|
||||||
// 拼团详情
|
// 拼团详情
|
||||||
pinTuanDetails() {
|
pinTuanDetails() {
|
||||||
console.log(this.id);
|
// console.log(this.id);
|
||||||
this.$u.api.getPinTuanDetails({
|
this.$u.api.getPinTuanDetails({
|
||||||
pintuan_id: this.pintuan_id,
|
pintuan_id: this.pintuan_id,
|
||||||
goods_id: this.id,
|
goods_id: this.id,
|
||||||
@ -676,6 +681,12 @@ export default {
|
|||||||
id: id
|
id: id
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
|
playVideo() {
|
||||||
|
console.log(this.goodsInfo.video);
|
||||||
|
// this.$u.route('pageC/merchant/index', {
|
||||||
|
// url: this.goodsInfo.video
|
||||||
|
// });
|
||||||
|
}
|
||||||
},
|
},
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
@ -1085,6 +1096,30 @@ export default {
|
|||||||
}
|
}
|
||||||
.rich {
|
.rich {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
.goods-video {
|
||||||
|
position: relative;
|
||||||
|
.video-img {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
.blacks {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
background-color: rgba(0, 0, 0, 0.35);
|
||||||
|
z-index: 8;
|
||||||
|
}
|
||||||
|
.video-play {
|
||||||
|
position: absolute;
|
||||||
|
top: 50%;
|
||||||
|
left: 50%;
|
||||||
|
transform: translate(-50%, -50%);
|
||||||
|
width: 100rpx;
|
||||||
|
height: 100rpx;
|
||||||
|
z-index: 9;
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
.group-tool {
|
.group-tool {
|
||||||
position: fixed;
|
position: fixed;
|
||||||
|
Loading…
Reference in New Issue
Block a user