From 1c08859f7f169f15302531d9172d5bb932b9f9c8 Mon Sep 17 00:00:00 2001
From: doum <doum>
Date: 星期一, 01 十二月 2025 09:03:25 +0800
Subject: [PATCH] 更改头部
---
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; /* 淇濊瘉鏂囨湰姝ｅ父鎹㈣ */
/* 瓒呭嚭鍑犺鐪佺暐 */
}
@@ -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; /* 淇濊瘉鏂囨湰姝ｅ父鎹㈣ */
}
.home_status {
--
Gitblit v1.9.3