From 97158794d69fd2beee1bf27577aa7cadea8d847d Mon Sep 17 00:00:00 2001
From: MrShi <1878285526@qq.com>
Date: 星期三, 04 二月 2026 16:08:45 +0800
Subject: [PATCH] 优化
---
mini-program/pages/details/details.vue | 35 +++++++++++++++++++++++++++--------
1 files changed, 27 insertions(+), 8 deletions(-)
diff --git a/mini-program/pages/details/details.vue b/mini-program/pages/details/details.vue
index b7ec49c..fd6c4b0 100644
--- a/mini-program/pages/details/details.vue
+++ b/mini-program/pages/details/details.vue
@@ -54,10 +54,10 @@
</view>
</view>
</view>
- <view class="card">
+ <view class="card" v-if="item.casesList">
<view class="card-title">
<view class="card-title-xian"></view>
- <text>浼樼椤圭洰妗堜緥 (40)</text>
+ <text>浼樼椤圭洰妗堜緥 ({{item.casesList.length}})</text>
</view>
<view class="work">
<view class="work-item" v-for="(child, index) in item.casesList" :key="index">
@@ -69,7 +69,7 @@
</view>
<view class="left-info">{{child.detail}}</view>
</view>
- <view class="right" v-if="child.fileList && child.fileList.length > 0" @click="yulan">
+ <view class="right" v-if="child.fileList && child.fileList.length > 0" @click="yulan(index, child.fileList[0].url)">
<image :src="child.fileList[0].url" mode="widthFix"></image>
<view class="right-num">鍏眥{child.fileList.length}}寮�</view>
</view>
@@ -92,6 +92,12 @@
this.getDetails()
},
methods: {
+ yulan(index, url) {
+ uni.previewImage({
+ current: url,
+ urls: this.item.casesList[index].fileList.map(item => item.url)
+ })
+ },
zhankai() {
this.item.zhankai = !this.item.zhankai
},
@@ -106,6 +112,13 @@
res.data.zhankai = false
res.data.contentCopy = res.data.content.substring(0, 30) + '...'
}
+ let arr = []
+ res.data.fieldList.forEach(item => {
+ if (item.remark) {
+ arr.push(item)
+ }
+ })
+ res.data.fieldList = arr;
this.item = res.data
}
})
@@ -179,18 +192,21 @@
}
.item-info-a {
display: flex;
- align-items: center;
+ align-items: flex-start;
text {
&:nth-child(1) {
+ flex-shrink: 0;
font-weight: 600;
font-size: 30rpx;
color: #222222;
}
&:nth-child(2) {
+ width: 300rpx;
font-weight: 400;
font-size: 24rpx;
color: #777777;
margin-left: 10rpx;
+ margin-top: 7rpx;
}
}
}
@@ -198,7 +214,7 @@
display: flex;
flex-wrap: wrap;
align-items: center;
- margin-top: 8rpx;
+ margin-top: 16rpx;
.item-info-b-row {
padding: 0 8rpx;
box-sizing: border-box;
@@ -210,8 +226,9 @@
font-size: 22rpx;
color: #2E68C4;
margin-right: 8rpx;
+ margin-bottom: 8rpx;
&:last-child {
- margin: 0;
+ margin-right: 0;
}
}
}
@@ -238,6 +255,7 @@
}
.item-info-d {
width: 100%;
+ line-height: 40rpx;
font-weight: 400;
font-size: 24rpx;
color: #333333;
@@ -345,7 +363,7 @@
.card-list-item {
display: flex;
flex-direction: column;
- margin-bottom: 20rpx;
+ margin-bottom: 30rpx;
&:last-child {
margin: 0 !important;
}
@@ -353,9 +371,10 @@
font-weight: 500;
font-size: 28rpx;
color: #333333;
+ margin-bottom: 15rpx;
}
.card-list-item-text {
- font-weight: 500;
+ font-weight: 400;
font-size: 26rpx;
color: #666666;
}
--
Gitblit v1.9.3