下单须知

pages/goods/detail.vue

@@ -215,19 +215,14 @@
 					<text class="li" style="margin-right: 5rpx;">全程跟踪</text>
 				</view>
 			</view>
-			<!-- <view class="chosed">
+			<view class="chosed" v-if="goods.remark">
 				<view class="title">须知</view>
 				<view class="info">
-					<view class="notice" :class="[!isToggle ? 'text-clamp' : 'text-ellipsis']">
-						请您在签收电视之前，务必检查电视外包装完好无损，并且通电正常点亮再签收，如果有明显破损，或者屏幕有明显运损，或者通电后电视屏幕请您在签收电视之前，务必检查电视外包装完好无损，并且通电正常点亮再签收，如果有明显破损，或者屏幕有明显运损，或者通电后电视屏幕请您在签收电视之前，务必检查电视外包装完好无损，并且通电正常点亮再签收，如果有明显破损，或者屏幕有明显运损，或者通电后电视屏幕
-					</view>
-					<view class="moreKnow" @click="toggleItem()" v-if="hasMoreLines">
-						{{isToggle == false?'展开':'收起'}}
-						<u-icon v-if="isToggle == false" style="margin-left: 10rpx;" name="arrow-down"></u-icon>
-						<u-icon v-else style="margin-left: 10rpx;" name="arrow-up"></u-icon>
-					</view>
+					<u-read-more :toggle="true" font-size='24' text-indent='0' show-height="200" open-text='收起' close-text='展开'>
+						<rich-text :nodes="goods.remark"></rich-text>
+					</u-read-more>
 				</view>
-			</view> -->
+			</view>
 		</view>
 		<!-- 		<view class="about">
 			<view class="aboutHead">
@@ -558,8 +553,6 @@
 					district: '玄武区'
 				},
 				seckillCountTime: 0,
-				isToggle: false,
-				hasMoreLines: false
 			}
 		},
 		computed: {
@@ -626,19 +619,6 @@
 			}
 		},
 		methods: {
-			checkTextLines() {
-				const query = uni.createSelectorQuery().in(this);
-				query.select('.notice').boundingClientRect(data => {
-					if (data && data.height > 0) {
-						// 根据实际情况调整行高
-						const lineHeight = 21; // 假设的行高
-						this.hasMoreLines = data.height / lineHeight > 3;
-					}
-			 }).exec();
-			},
-			toggleItem() {
-				this.isToggle = !this.isToggle;
-			},
 			onLook(isLink, url) {
 				if (isLink) {
 					uni.navigateTo({
@@ -1079,7 +1059,6 @@
 									}
 								}
 							}
-							this.checkTextLines()
 						})
 						.catch()
 				})
@@ -2464,26 +2443,4 @@
 	.detail-content {
 		overflow: hidden;
 	}
-
-	.notice {
-		line-height: 21px;
-	}
-
-	.moreKnow {
-		width: 100%;
-		text-align: right;
-		font-size: 24rpx;
-		color: #B7B7B7
-	}
-
-	.text-clamp {
-		display: -webkit-box;
-		-webkit-box-orient: vertical;
-		-webkit-line-clamp: 3;
-		overflow: hidden;
-	}
-
-	.text-ellipsis {
-		-webkit-line-clamp: none;
-	}
 </style>

pages/goods/seckillDetail.vue

@@ -188,6 +188,14 @@
 					<text class="li" style="margin-right: 5rpx;">全程跟踪</text>
 				</view>
 			</view>
+			<view class="chosed" v-if="goods.remark">
+				<view class="title">须知</view>
+				<view class="info">
+					<u-read-more :toggle="true" font-size='24' text-indent='0' show-height="200" open-text='收起' close-text='展开'>
+						<rich-text :nodes="goods.remark"></rich-text>
+					</u-read-more>
+				</view>
+			</view>
 		</view>
 		<view class="detail-content" @click="onLook(goods.isLink,goods.contentLink)" v-if="goods.isLink"
 			v-html="goods.content"></view>