样式修复

pagesGood/liveDetail.nvue

@@ -4,18 +4,18 @@
 		 :isAuthor="isAuthor" :linkMic="linkMic" :avatar="avatar" :num="num" :likes="likes" :name="name" />
 		<jhimlive ref="jhimlive" class="jhimlive" :sdkAppID="sdkAppID" :secretKey="secretKey" :userId="userId" :roomId="roomId"
 		 :isAuthor="isAuthor" :avatar="avatar" :name="name" @onMemberCount="num=$event" />
-		 <view class="popup-open" @click="openPop()">
+		<view class="popup-open" @click="openPop()">
 			<!-- #ifdef APP-PLUS -->
-		 	<text class="nvue-iconfont" :style="{fontFamily:'nvueIconfont'}">&#xe63f;</text>
+			<text class="nvue-iconfont iconzhibo-shangpin" :style="{fontFamily:'nvueIconfont'}">&#xe63f;</text>
 			<!-- #endif -->
 			<!-- #ifdef MP-WEIXIN -->
 			<text class="iconfont iconzhibo-shangpin"></text>
 			<!-- #endif -->
-		 </view>
-		<uni-popup ref="popup" animation type="bottom" >
+		</view>
+		<uni-popup ref="popup" animation type="bottom">
 			<view class="popup-box">
-				<view @click="closePop()" class="popup-close">
-					<text class="popup-close-text">收起</text>
+				<view class="popup-close">
+					<text class="popup-close-text" @click="closePop()">收起</text>
 				</view>
 				<scroll-view scroll-y="true" class="good-box">
 					<view class="goods-row" v-for="(item, index) in goodsList" :key="index" @click="goToGoodDetails(item)">
@@ -24,7 +24,7 @@
 						</view>
 						<view class="goods-info">
 							<view>
-							  <text class="goods-name">{{item.productName}}</text>
+								<text class="goods-name">{{item.productName}}</text>
 							</view>
 							<text class="goods-sales">{{item.sellCount}}人付款</text>
 							<text class="price">原价:{{item.originalPrice}}</text>
@@ -39,7 +39,7 @@
 									<text class="nvue-iconfont more-button-iconfont" :style="{fontFamily:'nvueIconfont'}">&#xe623;</text>
 									<!-- #endif -->
 									<!-- #ifdef MP-WEIXIN -->
-									<text class="iconfont more-button-iconfont"></text>
+									<text class="iconfont more-button-iconfont icongengduo"></text>
 									<!-- #endif -->
 								</view>
 							</view>
@@ -83,16 +83,17 @@
 				imMsgs: [],
 				videoUrl: '',
 				goodsList: [],
+				goodsIds:[]
 			}
 		},
 		beforeCreate() {
-			
+
 			uni.showToast({
 				title: '222',
 				duration: 2000
 			})
 			const domModule = uni.requireNativePlugin('dom')
-			console.log(111111111111111111,domModule)
+			console.log(111111111111111111, domModule)
 			domModule.addRule('fontFace', {
 				'fontFamily': "nvueIconfont",
 				'src': "url('https://at.alicdn.com/t/font_2119167_43jbldmjpr3.ttf')"
@@ -108,7 +109,7 @@
 			this.windowWidth = info.windowWidth;
 			this.windowHeight = info.windowHeight;
 
-			this.videoUrl = uni.getStorageSync("videoUrl").replace("http://","https://")
+			this.videoUrl = uni.getStorageSync("videoUrl").replace("http://", "https://")
 			NET.request(API.getLiveGoodsDetail + options.liveId, {}, 'GET').then(res => {
 				this.goodsList = res.data
 			}).catch(res => {
@@ -157,19 +158,18 @@
 				uni.navigateTo({
 					url: '/pagesGood/goodDetails?goodId=' + item.productId
 				});
-			},
-			
+			}
 		},
 	}
 </script>
 
 <style>
 	.nvue-iconfont {
-	  font-family: "nvueIconfont";
-	  font-size: 16px;
-	  font-style: normal;
-	  -webkit-font-smoothing: antialiased;
-	  -moz-osx-font-smoothing: grayscale;
+		font-family: "nvueIconfont";
+		font-size: 16px;
+		font-style: normal;
+		-webkit-font-smoothing: antialiased;
+		-moz-osx-font-smoothing: grayscale;
 	}
 </style>
 
@@ -193,6 +193,7 @@
 		bottom: 10px;
 		left: 10px;
 	}
+
 	.popup-open {
 		width: 50px;
 		height: 50px;
@@ -204,37 +205,45 @@
 		text-align: center;
 		line-height: 50px;
 	}
+
 	.iconzhibo-shangpin {
 		color: #FFFFFF;
 		font-size: 34px;
+		text-align: center;
+		line-height: 50px;
 	}
+
 	.popup-box {
 		background-color: #FFFFFF;
 		width: 750rpx;
 		height: 265px;
-		// border-radius: 10px 10px 0 0;
-		border-top-left-radius:10px;
+		border-top-left-radius: 10px;
 		border-top-right-radius: 10px;
 	}
+
 	.popup-close {
 		padding: 10px;
 		line-height: 16px;
 	}
-	.popup-close-text{
+
+	.popup-close-text {
 		color: #52A63A;
 		font-size: 15px;
 		font-family: PingFang SC;
+		text-align: left;
 	}
+
 	.good-box {
 		width: 750rpx;
 		height: 230px;
 		padding: 0 0 10px 0;
 		overflow: visible;
 	}
+
 	.goods-row:first-child {
 		margin-top: 12px;
 	}
-		
+
 	.goods-row {
 		width: 700rpx;
 		height: 104px;
@@ -246,19 +255,22 @@
 		border-radius: 5px;
 		margin: 0 15px 10px 15px;
 	}
+
 	.goods-img-box {
 		margin-right: 15px;
 	}
+
 	.goods-img {
 		width: 104px;
 		height: 104px;
 		object-fit: cover;
 	}
-	
+
 	.goods-info {
 		flex: 1;
 		padding-top: 10px;
 	}
+
 	.goods-name {
 		line-height: 15px;
 		overflow: hidden;
@@ -270,7 +282,8 @@
 		font-size: 15px;
 		font-family: PingFang SC;
 		color: #333333;
-	}	
+	}
+
 	.goods-sales {
 		font-size: 12px;
 		font-family: PingFang SC;
@@ -278,44 +291,52 @@
 		line-height: 15px;
 		margin: 8px 0 8px 0;
 	}
+
 	.price {
 		font-size: 12px;
 		text-decoration: line-through;
 		color: #A67954;
 	}
+
 	.goods-number-bottom {
 		display: flex;
 		flex-direction: row;
 	}
+
 	.goods-number {
 		display: flex;
 		flex-direction: row;
 		white-space: nowrap;
 		line-height: 24px;
 	}
+
 	.goods-number-left {
 		font-size: 12px;
 		color: #666666;
-	}	
+	}
+
 	.goods-icon {
 		font-size: 14px;
 		font-family: PingFang SC;
 		color: #52A63A;
 	}
-		
+
 	.goods-spec {
 		font-size: 24px;
 		font-family: PingFang SC;
 		color: #52A63A;
 	}
+
 	.more-button {
 		width: 24px;
 		height: 24px;
 		position: absolute;
 		right: 16px;
 	}
+
 	.more-button-iconfont {
 		font-size: 36px;
 		color: #999999;
+		text-align: center;
 	}
 </style>