广场动态样式问题优化

pages/index/index.vue

@@ -665,7 +665,7 @@
 						})
 					}
 					this.list = [...arr];
-					if (data.select_mechant) {
+					if (data.select_mechant && uni.getStorageSync('storeVersion') == 1) {
 						this.gridList.splice(5, 1,
 							{
 								image: '/static/tabbar/shop-active.png',
@@ -1068,7 +1068,9 @@
 							uni.setStorageSync('storeVersion', res.data.storeInfo.store_version || 0);
 						}
 					})
-					.finally(() => {})
+					.finally(() => {
+						this.queryWxAppSetting();
+					})
 			},
 			goJump(path) {
 				uni.navigateTo({
@@ -1164,7 +1166,6 @@
 			this.getServeList();
 			this.queryBannerList();
 			this.getStore();
-			this.queryWxAppSetting();
 			this.getAuthorize();
 		},
 		onShow() {

pages/squareDynamic/index.vue

@@ -17,12 +17,12 @@
 							<view class="time">{{ item.update_time }}</view>
 						</view>
 					</view>
-					<view class="cont">
+					<view class="cont" :class="[`cont${index}`, { 'close': item.contH > 120 && !showFullCont.includes(index)}]">
-						{{ showFullCont.includes(index) ? item.content :  calcContentWidth(item.content).splitStr }}
+						{{ item.content }}
-						<view v-if="!showFullCont.includes(index) && calcContentWidth(item.content).isSplit" class="show-more" @click="showFullCont.push(index)">全文</view>
 					</view>
+					<view v-if="item.contH > 120" class="show-more" @click="toggleFullCont(index)">{{ showFullCont.includes(index) ? '收起' : '全文' }}</view>
 					<view v-if="item.imgs && item.imgs.length > 0" class="pic-list">
-						<image v-for="(pic, k) in item.imgs" :key="k" :src="pic.external_url" mode="aspectFill" @click="previewImage(k, item.imgs)"></image>
+						<image v-for="(pic, k) in item.imgs" :key="k" :src="pic.external_url" mode="aspectFill" @click="previewImages(k, item.imgs)"></image>
 					</view>
 					<view v-if="item.goodsInfo" class="goods">
 						<view class="goods-box">
@@ -108,6 +108,7 @@
 				edge: 20,
 				userInfo: {},
 				isLogin: false,
+				isPreview: false
 			};
 		},
 		watch: {
@@ -139,16 +140,20 @@
 			}).exec();
 		},
 		onShow() {
-			this.loading = false;
+			if (!this.isPreview) {
-			this.finished = false;
+				this.loading = false;
-			this.page = 1;
+				this.finished = false;
-			this.dynamicList = [];
+				this.page = 1;
-			this.getDynamicList();
+				this.dynamicList = [];
-			if (uni.getStorageSync("userInfo").user_id) {
+				this.getDynamicList();
-				this.isLogin = true
+				if (uni.getStorageSync("userInfo").user_id) {
-				this.onRefreshPage()
+					this.isLogin = true
+					this.onRefreshPage()
+				} else {
+					this.userInfo = {}
+				}
 			} else {
-				this.userInfo = {}
+				this.isPreview = false;
 			}
 		},
 		methods: {
@@ -197,30 +202,42 @@
 						console.log(result);
 						const data = result.data.data;
 						this.dynamicList = this.dynamicList.concat(data);
+						this.$nextTick(() => {
+							if (this.dynamicList) {
+								this.dynamicList.forEach((item, index) => {
+									if (!item.contH) {
+										this.getHeight(item, index);
+									}
+								})
+							}
+						})
 						this.finished = data.length < this.limit;
 						this.loadTitle = this.finished ? "已全部加载完" : "上拉加载更多";
 					})
 					.finally(() => this.loading = false)
 			},
-			calcContentWidth(cont) {
+			getHeight(item, index) {
-				let len = 0;
+				console.log(item, index);
-				let spliti = 0;
+				this.$nextTick(()  => {
-				for (var i = 0; i < cont.length; i++) {
+					const query = uni.createSelectorQuery().in(this);
-						const code = cont.charCodeAt(i);
+					query.select(`.cont${index}`).boundingClientRect(data => {
-						if (cont.charCodeAt(i) > 255 || cont.charCodeAt(i) < 0) {
+						console.log(data);
-							len += 17;
+						if (data) {
-						} else {
+							// data.height 就是元素的高度
-							len += 10;
+							console.log('元素高度:', data.height);
-						}
+							item.contH = data.height;
-						if (len > 710 && spliti === 0) {
-							spliti = i;
 						}
+					}).exec();
+				})
+			},
+			toggleFullCont(index) {
+				if (this.showFullCont.includes(index)) {
+					const idx = this.showFullCont.findIndex(v => v == index);
+					console.log(idx);
+					this.showFullCont.splice(idx, 1);
+				} else {
+					this.showFullCont.push(index);
 				}
-				console.log(cont, cont.length, spliti, len);
-				return {
-					isSplit: len > 748,
-					splitStr: len > 710 ? `${cont.split('').splice(0, spliti).join('')}...` : cont,
-				};
 			},
 			clipCont(cont) {
 				uni.setClipboardData({
@@ -348,7 +365,7 @@
 				this.isMove = false;
 			},
 			
-			previewImage(idx, images) {
+			previewImages(idx, images) {
 				console.log(idx, images);
 				const arr = [];
 				images.forEach(v => {
@@ -358,6 +375,7 @@
 					current: idx,
 					urls: arr,
 				})
+				this.isPreview = true;
 			},
 			toGoodsDetail(item) {
 				this.$navTo('pages/goods/detail', {
@@ -453,13 +471,22 @@
 						position: relative;
 						color: #222222;
 						word-break: break-word;
-						.show-more {
+						white-space: pre-line;
-							position: absolute;
+						&.close {
-							right: 10rpx;
+							max-height: 240rpx;
-							bottom: 0;
+							overflow: hidden;
-							color: #F34A40;
+							text-overflow: ellipsis;
+							display: -webkit-box;
+							-webkit-line-clamp: 6;
+							-webkit-box-orient: vertical;
 						}
 					}
+					.show-more {
+						font-size: 28rpx;
+						line-height: 40rpx;
+						color: #F34A40;
+						text-align: right;
+					}
 					.pic-list {
 						margin-top: 24rpx;
 						>image {