cxc/yshopb2c-uniapp
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

完成直播模块功能开发

Browse Source
This commit is contained in:
Gaoxs
2020-09-09 19:59:14 +08:00
parent 69e3d5cc59
commit f05af3c3f7
9 changed files with 246 additions and 83 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
pages/home/components/FirstNewProduct.vue
View File

@ -61,7 +61,6 @@
created() {},
watch: {
detail(next) {
console.log(next)
this.goodsList = this.sortData(next, 4);
}
},

5
pages/home/components/HotCommodity.vue
View File

@ -60,7 +60,6 @@
created() {},
watch: {
detail(next) {
console.log(next)
this.goodsList = this.sortData(next, 4);
}
},
@ -212,5 +211,9 @@
}
}
}
.min-goods{
margin-right: 22rpx;
}
}
</style>

76
pages/home/components/Live.vue
View File

@ -2,29 +2,30 @@
<view class="live-el mx20 mb10">
<view class="head">
<text class="head-title">热门直播</text>
<view class="head-more" @tap="$Router.push('/pages/app/live/list')">
<view class="head-more" @tap="$yrouter.push('/pages/shop/Live/LiveList/index')">
<text>更多</text>
<text class="cuIcon-right"></text>
</view>
</view>
<view class="content-one" v-if="detail.style == 1">
<view class="content-one__item" v-for="live in liveList" :key="live.id" @tap="goRoom(live)">
<image class="item-cover" :src="live.share_img" mode="widthFix"></image>
<view class="content-one">
<view class="content-one__item" v-for="live in detail" :key="live.id" @tap="goRoom(live)">
<image class="item-cover" :src="live.shareImge" mode="widthFix"></image>
<view class="item-status">
<image class="status-img" :src="liveStatus[live.live_status].img" mode=""></image>
<text class="status-text">{{ liveStatus[live.live_status].title }}</text>
<image class="status-img" :src="liveStatus[live.liveStatus].img" mode=""></image>
<text class="status-text">{{ liveStatus[live.liveStatus].title }}</text>
</view>
<view class="item-title">{{ live.name }}</view>
<!-- <image v-if="live.live_status == 101" class="like-img" src="http://shopro.7wpp.com/imgs/live/zan.gif" mode=""></image> -->
<image v-if="live.liveStatus == 101" class="like-img" src="http://shopro.7wpp.com/imgs/live/zan.gif"
mode=""></image>
</view>
</view>
<view class="content-two" v-if="detail.style == 2">
<!-- <view class="content-two">
<view class="content-two__item" v-for="live in detail" :key="live.id">
<ShoproLiveCard :detail="live" :wh="320">
<block slot="liveGoods"><text></text></block>
</ShoproLiveCard>
</view>
</view>
</view> -->
</view>
</template>
@ -88,7 +89,6 @@
detail: Array
},
created() {
this.getLiveList();
},
mounted() {
let that = this;
@ -103,40 +103,40 @@
methods: {
// 直播列表
getLiveList() {
let that = this;
yxWechatLive({
page: 1,
size: 10,
}).then(res => {
console.log(res)
})
// let that = this;
// yxWechatLive({
// page: 1,
// size: 10,
// }).then(res => {
// console.log(res)
// })
},
// 轮询liveStatus
getLiveStatus() {
if (HAS_LIVE) {
let that = this;
let date = '';
if (that.detail.live_status == 102) {
date = that.$tools.dateFormat('mm-dd HH:MM', new Date(that.detail.starttime * 1000)).replace('-',
'/');
that.liveStatus['102'].title = '预告 ' + date;
}
livePlayer
.getLiveStatus({
room_id: that.detail.room_id
})
.then(res => {
// 101: 直播中, 102: 未开始, 103: 已结束, 104: 禁播, 105: 暂停中, 106: 异常，107：已过期
that.detail.live_status = res.liveStatus;
})
.catch(err => {
console.log('get live status', err);
});
}
// if (HAS_LIVE) {
// let that = this;
// let date = '';
// if (that.detail.live_status == 102) {
// date = that.$tools.dateFormat('mm-dd HH:MM', new Date(that.detail.starttime * 1000)).replace('-',
// '/');
// that.liveStatus['102'].title = '预告 ' + date;
// }
// livePlayer
// .getLiveStatus({
// room_id: that.detail.room_id
// })
// .then(res => {
// // 101: 直播中, 102: 未开始, 103: 已结束, 104: 禁播, 105: 暂停中, 106: 异常，107：已过期
// that.detail.live_status = res.liveStatus;
// })
// .catch(err => {
// console.log('get live status', err);
// });
// }
},
goRoom(live) {
wx.navigateTo({
url: `plugin-private://wx2b03c6e691cd7370/pages/live-player-plugin?room_id=${live.room_id}`
url: `plugin-private://wx2b03c6e691cd7370/pages/live-player-plugin?room_id=${live.roomId}`
});
}
}

1
pages/home/components/ProductsRecommended.vue
View File

@ -60,7 +60,6 @@
created() {},
watch: {
detail(next) {
console.log(next)
this.goodsList = this.sortData(next, 4);
}
},

1
pages/home/components/PromoteProduct.vue
View File

@ -61,7 +61,6 @@
created() {},
watch: {
detail(next) {
console.log(next)
this.goodsList = this.sortData(next, 4);
}
},

12
pages/home/index.vue
View File

@ -36,13 +36,13 @@
<!-- 超值拼团 -->
<Groupon :detail="combinationList" />
<!-- 首发新品->秒杀 -->
<FirstNewProduct :detail="firstList"></FirstNewProduct>
<!-- <FirstNewProduct :detail="firstList"></FirstNewProduct> -->
<!-- 精品推荐 -->
<ProductsRecommended :detail="bastList"></ProductsRecommended>
<!-- <ProductsRecommended :detail="bastList"></ProductsRecommended> -->
<!-- 促销单品
<PromoteProduct :detail="benefit"></PromoteProduct> -->
<!-- 直播 -->
<!-- <Live :detail="live"></Live> -->
<Live :detail="live"></Live>
<!-- 为您推荐 -->
<PromotionGood :benefit="benefit"></PromotionGood>
@ -69,7 +69,7 @@
import HotCommodity from './components/HotCommodity';
import FirstNewProduct from './components/FirstNewProduct';
import ProductsRecommended from './components/ProductsRecommended';
// import Live from './components/Live';
import Live from './components/Live';
import {
getHomeData,
@ -99,7 +99,7 @@
HotCommodity,
FirstNewProduct,
ProductsRecommended,
// Live
Live
},
props: {},
data: function () {
@ -220,7 +220,7 @@
that.$set(that, 'firstList', res.data.firstList);
that.$set(that, 'bastList', res.data.bastList);
that.$set(that, 'likeInfo', res.data.likeInfo);
that.$set(that, 'live', res.data.live);
that.$set(that, 'live', res.data.liveList);
that.$set(that, 'lovely', res.data.lovely);
that.$set(that, 'benefit', res.data.benefit);
that.$set(that, 'couponList', res.data.couponList);