diff --git a/packageA/center/detail.vue b/packageA/center/detail.vue index 76cc3ce..1f53d40 100644 --- a/packageA/center/detail.vue +++ b/packageA/center/detail.vue @@ -110,8 +110,7 @@ - - + + + + + + + + + + + + 展开 + + + + 收起 + + + + @@ -369,6 +389,7 @@ data() { return { richTextShow: false, + showToggleButtons: false, // 控制是否显示展开/收起按钮 qunShow: false, height_sw: '580rpx', style: { @@ -456,8 +477,24 @@ // this.getTime() this.getShare() }, - + mounted() { + this.checkContentHeight(); + }, + updated() { + this.checkContentHeight(); + }, methods: { + checkContentHeight() { + // 使用 uni.createSelectorQuery 获取富文本容器的高度 + const query = uni.createSelectorQuery().in(this); + query.select('.v_html').boundingClientRect(data => { + if (data && data.height > 300) { // 300px 是容器的固定高度 + this.showToggleButtons = true; + } else { + this.showToggleButtons = false; + } + }).exec(); + }, swiperImg(index) { uni.previewImage({ current: index, @@ -1263,6 +1300,21 @@ width: 690rpx; } } + + .third-center1 { + padding: 30rpx; + overflow: hidden; + + .v_html { + font-size: 34rpx; + line-height: 44rpx; + } + + .imgs { + width: 690rpx; + display: block; + } + } .imgs { display: block; diff --git a/packageA/center/detailSys.vue b/packageA/center/detailSys.vue index c523641..92a330b 100644 --- a/packageA/center/detailSys.vue +++ b/packageA/center/detailSys.vue @@ -160,13 +160,42 @@ - + + + + + + + + + + + + 展开 + + + + 收起 + + + + + + + + + @@ -313,6 +342,8 @@ data() { return { + richTextShow: false, + showToggleButtons: false, // 控制是否显示展开/收起按钮 style: { // 字符串的形式 img: 'width: 100%' @@ -395,8 +426,24 @@ this.getPeople() this.getShare() }, - + mounted() { + this.checkContentHeight(); + }, + updated() { + this.checkContentHeight(); + }, methods: { + checkContentHeight() { + // 使用 uni.createSelectorQuery 获取富文本容器的高度 + const query = uni.createSelectorQuery().in(this); + query.select('.v_html').boundingClientRect(data => { + if (data && data.height > 300) { // 300px 是容器的固定高度 + this.showToggleButtons = true; + } else { + this.showToggleButtons = false; + } + }).exec(); + }, swiperImg(index) { uni.previewImage({ current: index, @@ -767,7 +814,7 @@ } }); }, - + close() { this.type = 0 @@ -1184,6 +1231,21 @@ } } + .third-center1 { + padding: 30rpx; + overflow: hidden; + + .v_html { + font-size: 34rpx; + line-height: 44rpx; + } + + .imgs { + width: 690rpx; + display: block; + } + } + .third-center-gro { margin-top: 28rpx; width: auto; @@ -1691,6 +1753,7 @@ align-items: center; } } + .footer-right-no { margin: 0 auto; width: 100%;