From cdca21c0c12fa79ad4e85321d0f0960c0c4c3f33 Mon Sep 17 00:00:00 2001
From: MrShi <1878285526@qq.com>
Date: 星期五, 06 三月 2026 10:56:17 +0800
Subject: [PATCH] 优化
---
mini-program/pages/my-collection/my-collection.vue | 41 +++++++++++++++++++++++++++++++----------
1 files changed, 31 insertions(+), 10 deletions(-)
diff --git a/mini-program/pages/my-collection/my-collection.vue b/mini-program/pages/my-collection/my-collection.vue
index 2f130c6..4828365 100644
--- a/mini-program/pages/my-collection/my-collection.vue
+++ b/mini-program/pages/my-collection/my-collection.vue
@@ -34,15 +34,15 @@
</template>
<template v-else>
<view class="wushuju">
- <image src="/static/images/default_nodata_white.png" mode="widthFix"></image>
+ <image src="/static/images/default_nodata_grey.png" mode="widthFix"></image>
</view>
</template>
</view>
<view class="list" v-else>
<template v-if="list.length > 0">
- <view class="list-item" v-for="(item, index) in list" :key="index">
+ <view class="list-item" v-for="(item, index) in list" :key="index" @click="jumpWZ(item)">
<view class="info">
- <view class="check" v-if="edit" @click="select(index)">
+ <view class="check" v-if="edit" @click.stop="select(index)">
<image src="/static/icon/ic_agree@2x.png" mode="widthFix" v-if="!item.active"></image>
<image src="/static/icon/cart_ic_sel@2x.png" mode="widthFix" v-else></image>
</view>
@@ -50,19 +50,19 @@
<view class="info-title">{{item.name}}</view>
<view class="info-desc">{{item.content}}</view>
<view class="info-data">
- <view class="tips">{{item.labelName}}</view>
+ <view class="tips" :style="{ border: '1rpx solid' + item.param, color: item.param }">{{item.labelName}}</view>
<text>{{item.readNum}} 闃呰锝渰{item.createDate}}</text>
</view>
</view>
</view>
- <view class="image">
+ <view class="image" v-if="item.imgurl">
<image :src="item.imgurl" mode="widthFix"></image>
</view>
</view>
</template>
<template v-else>
<view class="wushuju">
- <image src="/static/images/default_nodata_white.png" mode="widthFix"></image>
+ <image src="/static/images/default_nodata_grey.png" mode="widthFix"></image>
</view>
</template>
</view>
@@ -130,8 +130,15 @@
this.getList()
},
methods: {
+ jumpWZ(item) {
+ uni.navigateTo({
+ url: '/pages/article-details/article-details?id=' + item.objId
+ })
+ },
jumpDetails(item) {
-
+ uni.navigateTo({
+ url: '/pages/details/details?id=' + item.objId
+ })
},
shanchu() {
if (this.totalNum > 0) {
@@ -359,11 +366,19 @@
display: flex;
flex-direction: column;
.info-title {
+ display: -webkit-box;
+ -webkit-box-orient: vertical;
+ -webkit-line-clamp: 1;
+ overflow: hidden;
font-weight: 600;
font-size: 32rpx;
color: #222222;
}
.info-desc {
+ display: -webkit-box;
+ -webkit-box-orient: vertical;
+ -webkit-line-clamp: 2;
+ overflow: hidden;
font-weight: 400;
font-size: 26rpx;
color: #777777;
@@ -374,14 +389,15 @@
align-items: flex-start;
margin-top: 20rpx;
.tips {
- flex-shrink: 0;
+ max-width: 110rpx;
height: 40rpx;
line-height: 40rpx;
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
padding: 0 8rpx;
box-sizing: border-box;
- background: rgba(0,183,117,0.1);
border-radius: 8rpx;
-
font-weight: 400;
font-size: 22rpx;
color: #00B775;
@@ -467,6 +483,11 @@
flex-direction: column;
justify-content: space-between;
.list-item-info-top {
+ width: 100%;
+ display: -webkit-box;
+ -webkit-box-orient: vertical;
+ -webkit-line-clamp: 2;
+ overflow: hidden;
font-weight: 400;
font-size: 30rpx;
color: #222222;
--
Gitblit v1.9.3