|
|
@@ -5,6 +5,27 @@
|
|
|
<view>当前房间为1v1双人通话房间</view>
|
|
|
<view>不希望其他人打扰</view>
|
|
|
</view>
|
|
|
+ <view class="popup-open" @click="showGoods()">
|
|
|
+ <view class="iconfont iconzhibo-shangpin"></view>
|
|
|
+ </view>
|
|
|
+ <uni-popup ref="popup" type="bottom">
|
|
|
+ <view class="popup-box">
|
|
|
+ <view class="popup-close" @click="closeGoods()">收起</view>
|
|
|
+ <scroll-view scroll-y="true" class="good-box">
|
|
|
+ <view class="goods-row" v-for="(item, index) in goodsList" :key="index">
|
|
|
+ <image class="goods-img" :src="item.imgPath" mode="aspectFill"></image>
|
|
|
+ <view class="goods-info">
|
|
|
+ <view class="goods-name">{{item.productName}}</view>
|
|
|
+ <view class="goods-number">
|
|
|
+ <text class="goods-icon">￥</text>
|
|
|
+ <text class="goods-spec">{{item.bizPrice}}</text>
|
|
|
+ <text class="price">原价:{{item.originalPrice}}</text>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </scroll-view>
|
|
|
+ </view>
|
|
|
+ </uni-popup>
|
|
|
<u-top-tips ref="uTips"></u-top-tips>
|
|
|
<view class="top_box" :style="{ top: btn_top, left: btn_left}">
|
|
|
<image class="top_box_img" :src="head_img"></image>
|
|
|
@@ -46,10 +67,12 @@
|
|
|
btn_top:0,
|
|
|
title:"测试",
|
|
|
user_name:'123',
|
|
|
- head_img:"../static/images/loginLogo.png"
|
|
|
+ head_img:"../static/images/loginLogo.png",
|
|
|
+ orderId: '',
|
|
|
+ goodsList: []
|
|
|
}
|
|
|
},
|
|
|
- onLoad() {
|
|
|
+ onLoad(options) {
|
|
|
let menuButtonObject = wx.getMenuButtonBoundingClientRect();
|
|
|
wx.getSystemInfo({
|
|
|
success: res => {
|
|
|
@@ -65,10 +88,12 @@
|
|
|
this.options = {
|
|
|
template: '1v1'
|
|
|
}
|
|
|
- NET.request(API.creatPickVideo, {}, 'GET').then(res => {
|
|
|
+ this.orderId = options.orderId
|
|
|
+ NET.request(API.creatPickVideo, {orderId: this.orderId}, 'GET').then(res => {
|
|
|
this.liveId = res.data.liveId
|
|
|
this.roomId = Number(res.data.roomId)
|
|
|
this.trtcComponent = this.$refs['trtc-component'] // 监听TRTC Room 关键事件
|
|
|
+ this.goodsList = res.data.liveProducResVO
|
|
|
this.enterRoom({
|
|
|
roomID: this.roomId,
|
|
|
userID: uni.getStorageSync("userData").userId, //设置为用户id
|
|
|
@@ -85,6 +110,14 @@
|
|
|
})
|
|
|
},
|
|
|
methods: {
|
|
|
+ // 打开弹窗
|
|
|
+ showGoods() {
|
|
|
+ this.$refs.popup.open()
|
|
|
+ },
|
|
|
+ // 关闭弹窗
|
|
|
+ closeGoods() {
|
|
|
+ this.$refs.popup.close()
|
|
|
+ },
|
|
|
setData,
|
|
|
enterRoom: function(params) {
|
|
|
params.template = params.template || '1v1';
|
|
|
@@ -329,5 +362,145 @@
|
|
|
float: left;
|
|
|
margin-top: 10rpx;
|
|
|
}
|
|
|
+ .popup-open {
|
|
|
+ width: 50px;
|
|
|
+ height: 50px;
|
|
|
+ position: fixed;
|
|
|
+ bottom: 15px;
|
|
|
+ right: 15px;
|
|
|
+ background: #52A63A;
|
|
|
+ border-radius: 50%;
|
|
|
+ text-align: center;
|
|
|
+ line-height: 50px;
|
|
|
+ z-index: 20000;
|
|
|
+ .iconzhibo-shangpin {
|
|
|
+ color: #FFFFFF;
|
|
|
+ font-size: 34px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .popup-box {
|
|
|
+ width: 100%;
|
|
|
+ height: 265px;
|
|
|
+ float: left;
|
|
|
+ background-color: #FFFFFF;
|
|
|
+ border-radius: 15px 15px 0px 0px;
|
|
|
+ box-sizing: border-box;
|
|
|
+ padding: 16px 0 0 0;
|
|
|
+ position: relative;
|
|
|
+
|
|
|
+ .popup-close {
|
|
|
+ width: 100%;
|
|
|
+ height: 26px;
|
|
|
+ float: left;
|
|
|
+ box-sizing: border-box;
|
|
|
+ padding: 10px 15px 0 15px;
|
|
|
+ font-size: 15px;
|
|
|
+ font-family: PingFang SC;
|
|
|
+ color: #52A63A;
|
|
|
+ line-height: 16px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .good-box {
|
|
|
+ width: 100%;
|
|
|
+ height: calc(100% - 26px);
|
|
|
+ box-sizing: border-box;
|
|
|
+ padding: 0 0 10px 0;
|
|
|
+ overflow: auto;
|
|
|
+ position: relative;
|
|
|
+
|
|
|
+ .goods-row:first-child {
|
|
|
+ margin-top: 12px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .goods-row {
|
|
|
+ width: calc(100% - 30px);
|
|
|
+ height: 104px;
|
|
|
+ float: left;
|
|
|
+ background: #FFFFFF;
|
|
|
+ box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);
|
|
|
+ border-radius: 5px;
|
|
|
+ margin: 0 15px 10px 15px;
|
|
|
+ position: relative;
|
|
|
+
|
|
|
+ .goods-img {
|
|
|
+ width: 104px;
|
|
|
+ height: 104px;
|
|
|
+ object-fit: cover;
|
|
|
+ float: left;
|
|
|
+ margin-right: 15px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .goods-info {
|
|
|
+ width: calc(100% - 120px);
|
|
|
+ float: left;
|
|
|
+ padding-top: 10px;
|
|
|
+
|
|
|
+ .goods-name {
|
|
|
+ width: 100%;
|
|
|
+ height: 30px;
|
|
|
+ float: left;
|
|
|
+ font-size: 15px;
|
|
|
+ font-family: PingFang SC;
|
|
|
+ color: #333333;
|
|
|
+ line-height: 15px;
|
|
|
+ overflow: hidden;
|
|
|
+ text-overflow: ellipsis;
|
|
|
+ display: -webkit-box;
|
|
|
+ -webkit-line-clamp: 2;
|
|
|
+ -webkit-box-orient: vertical;
|
|
|
+ word-wrap: break-word;
|
|
|
+ }
|
|
|
+
|
|
|
+ .goods-sales {
|
|
|
+ width: 100%;
|
|
|
+ float: left;
|
|
|
+ font-size: 12px;
|
|
|
+ font-family: PingFang SC;
|
|
|
+ color: #666666;
|
|
|
+ line-height: 15px;
|
|
|
+ margin: 4px 0 8px 0;
|
|
|
+ }
|
|
|
+
|
|
|
+ .goods-number {
|
|
|
+ width: 100%;
|
|
|
+ height: 24px;
|
|
|
+ float: left;
|
|
|
+ white-space: nowrap;
|
|
|
+ font-family: PingFang SC;
|
|
|
+ color: #52A63A;
|
|
|
+ line-height: 24px;
|
|
|
+
|
|
|
+ .goods-icon {
|
|
|
+ font-size: 14px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .goods-spec {
|
|
|
+ font-size: 24px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .price {
|
|
|
+ font-size: 12px;
|
|
|
+ text-decoration: line-through;
|
|
|
+ color: #A67954;
|
|
|
+ margin-left: 6px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .more-button {
|
|
|
+ width: 24px;
|
|
|
+ height: 24px;
|
|
|
+ position: absolute;
|
|
|
+ right: 16px;
|
|
|
+ bottom: 16px;
|
|
|
+
|
|
|
+ .iconfont {
|
|
|
+ font-size: 36px;
|
|
|
+ color: #999999;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
}
|
|
|
</style>
|
zhaoxw