From 1465eb9dc666715143d75a6ffcac4312f923e947 Mon Sep 17 00:00:00 2001 From: jiangping <jp@doumee.com> Date: 星期五, 17 一月 2025 18:05:11 +0800 Subject: [PATCH] 最新版本541200007 --- h5_meeting/pages/index/index.vue | 75 +++++++++++++++++++++++++++---------- 1 files changed, 55 insertions(+), 20 deletions(-) diff --git a/h5_meeting/pages/index/index.vue b/h5_meeting/pages/index/index.vue index 70b9d44..2b0a0a5 100644 --- a/h5_meeting/pages/index/index.vue +++ b/h5_meeting/pages/index/index.vue @@ -21,7 +21,7 @@ <text v-if="info.meetingListResponseList && info.meetingListResponseList.length > 0 && info.meetingListResponseList[0].meetingStatus == 5">宸叉挙閿�</text> </view> - <view v-if="meetingInfo.meetingName" class="meeting_name">{{meetingInfo.meetingName}}</view> + <view v-if="meetingInfo.meetingName" class="meeting_name_box"><view class="meeting_name">{{meetingInfo.meetingName}}</view></view> <view class=""> <view v-if="meetingInfo.meetingTime && meetingInfo.bookingUser" class="meeting_con"> <view class="content"> @@ -57,7 +57,9 @@ </view> <view class="list"> <view class="item" v-for="item in info.meetingListResponseList"> - <view class="name">{{item.meetingName}}</view> + <view class="nameBox"> + <view class="name">{{item.meetingName}}</view> + </view> <view class="line">棰勭害浜猴細{{item.bookingUser}}</view> <view class="line">{{item.meetingTime}}锛坽{statusMap[item.meetingStatus]}}锛�</view> <image src="@/static/ic_meeting@2x.png" class="item_bg"></image> @@ -148,6 +150,9 @@ roomId: this.param.code }).then(res => { this.info = res.data + /* if(this.info.title && this.info.title.length>0){ + this.info.title = this.info.title.slice(0,20)+"..." + } */ if (this.info.meetingListResponseList && this.info.meetingListResponseList.length > 0) { this.meetingInfo = this.info.meetingListResponseList[0] this.$nextTick(() => { @@ -171,7 +176,7 @@ qr.data = "https://atwl.ahzyssl.com/zhyq_h5/#/pages/login/login/?type=2&yw=1&ywid=" + this.meetingInfo.id // 璁剧疆浜岀淮鐮佸ぇ灏忥紝蹇呴』涓巆anvas璁剧疆鐨勫楂樹竴鑷� - qr.size = 104; + qr.size = this.rpxToPx(208); // 璋冪敤鍒朵綔浜岀淮鐮佹柟娉� qr.make(); // 鑾峰彇canvas涓婁笅鏂� @@ -195,6 +200,17 @@ } this.touchNum = 0 }, 250) + }, + + //rpx杞琾x + rpxToPx(rpx) { + const screenWidth = uni.getSystemInfoSync().screenWidth + return (screenWidth * Number.parseInt(rpx)) / 750 + }, + //px杞瑀px + pxToRpx(px) { + const screenWidth = uni.getSystemInfoSync().screenWidth + return (750 * Number.parseInt(px)) / screenWidth }, initDatetime() { let weeks = ['鍛ㄦ棩', '鍛ㄤ竴', '鍛ㄤ簩', '鍛ㄤ笁', '鍛ㄥ洓', '鍛ㄤ簲', '鍛ㄥ叚'] @@ -263,8 +279,10 @@ .meeting_wrap { margin-left: 42rpx; - // margin-top: 60rpx; - + // margin-top: 60rpx; + .titleBox{ + height: 124rpx; + } .title { font-weight: 500; font-size: 42rpx; @@ -309,17 +327,23 @@ bottom: 0; // z-index: -1; } - - .name { - flex: 1; - font-weight: bold; - font-size: 39rpx; + .nameBox{ + flex: 1; width: 100%; + } + .name { + + font-weight: bold; + line-height: 40rpx; + max-height: 120rpx; + font-size: 39rpx; word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; - -webkit-line-clamp: 3; + -webkit-line-clamp: 3; + overflow: hidden; + white-space: normal; /* 淇濊瘉鏂囨湰姝e父鎹㈣ */ /* 瓒呭嚭鍑犺鐪佺暐 */ } @@ -360,16 +384,16 @@ .qrcode_wrap { - width: 110px; - height: 110px; + width: 208rpx; + height: 208rpx; display: flex; align-items: center; justify-content: center; background-color: #fff; .qrcode { - width: 104px; - height: 104px; + width: 200rpx; + height: 200rpx; } } @@ -380,22 +404,33 @@ display: flex; justify-content: flex-end; color: rgba(255, 255, 255, 0.6); - padding-right: 64rpx; + padding-right: 65rpx; margin-top: 18rpx; .text { - width: 110px; - text-align: center; - font-size: 22rpx; + width: 200rpx; + text-align: right; + padding-right: 8rpx; + font-size: 21rpx; // transform: scale(.84); } } - + .meeting_name_box { + // max-height: 150rpx; + } .meeting_name { margin-bottom: 12rpx; font-weight: bold; font-size: 49rpx; + // height: 150rpx; padding-left: 42rpx; padding-right: 64rpx; + word-break: break-all; + text-overflow: ellipsis; + display: -webkit-box; + -webkit-box-orient: vertical; + -webkit-line-clamp: 2; + overflow: hidden; + white-space: normal; /* 淇濊瘉鏂囨湰姝e父鎹㈣ */ } .home_status { -- Gitblit v1.9.3