From d816baa11fe8f44427b0e395be96bfa1dd1b7ff2 Mon Sep 17 00:00:00 2001 From: wangzimeng <3297159934@qq.com> Date: Fri, 1 Aug 2025 11:38:56 +0800 Subject: [PATCH] =?UTF-8?q?1=E3=80=81=E9=A6=96=E9=A1=B5=E7=9A=84=E6=B4=BB?= =?UTF-8?q?=E5=8A=A8=E5=88=97=E8=A1=A8=E7=9A=84=E8=AF=A6=E6=83=85=E7=9A=84?= =?UTF-8?q?=E6=B4=BB=E5=8A=A8=E7=AE=80=E4=BB=8B=E7=9A=84=E5=B1=95=E5=BC=80?= =?UTF-8?q?=E5=92=8C=E6=94=B6=E8=B5=B7=202=E3=80=81=E6=88=91=E5=8F=91?= =?UTF-8?q?=E5=B8=83=E7=9A=84=E6=B4=BB=E5=8A=A8=E8=AF=A6=E6=83=85=E7=9A=84?= =?UTF-8?q?=E6=B4=BB=E5=8A=A8=E7=AE=80=E4=BB=8B=E7=9A=84=E5=B1=95=E5=BC=80?= =?UTF-8?q?=E5=92=8C=E6=94=B6=E8=B5=B7?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- packageA/center/detail.vue | 64 +++++++++++++++++++++++++++++--- packageA/center/detailSys.vue | 69 +++++++++++++++++++++++++++++++++-- 2 files changed, 124 insertions(+), 9 deletions(-) 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%;