From 1e943f08399e5d04a63580622080ebbb09d138bc Mon Sep 17 00:00:00 2001
From: MrShi <1878285526@qq.com>
Date: 星期五, 25 十月 2024 16:03:47 +0800
Subject: [PATCH] 1
---
h5/pages/index_2/index.vue | 17 ++++++++++++++---
1 files changed, 14 insertions(+), 3 deletions(-)
diff --git a/h5/pages/index_2/index.vue b/h5/pages/index_2/index.vue
index 4f8ed37..1099fef 100644
--- a/h5/pages/index_2/index.vue
+++ b/h5/pages/index_2/index.vue
@@ -211,7 +211,7 @@
<view class="productPage_shop_item_img">
<image :src="item.imgurl ? item.prefixUrl + item.imgurl : ''" mode="widthFix"></image>
</view>
- <text>{{stringOperations(item.name, 6)}}</text>
+ <text>{{item.name}}</text>
</view>
<view class="productPage_shop_zw"></view>
<view class="productPage_shop_zw"></view>
@@ -1687,21 +1687,25 @@
}
.productPage_shop_item {
width: 168px;
- height: 204px;
margin-bottom: 12px;
cursor: pointer;
background: rgba(0,224,255,0.18);
border-radius: 8px;
display: flex;
transition: .5s;
+ padding: 15px;
+ box-sizing: border-box;
flex-direction: column;
- justify-content: center;
align-items: center;
box-sizing: border-box;
+ white-space: pre-wrap;
+ word-break: break-all;
+ text-align: center;
&:hover {
background: linear-gradient(180deg, rgba(0,224,255,0.3) 0%, rgba(255,255,255,0.41) 100%);
border-radius: 8px;
border: 2px solid #FFFFFF;
+ box-sizing: border-box;
}
.productPage_shop_item_img {
width: 136px;
@@ -1709,12 +1713,19 @@
display: flex;
align-items: center;
justify-content: center;
+ overflow: hidden;
image {
width: 100%;
height: 100%;
}
}
text {
+ width: 100%;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ display: -webkit-box;
+ -webkit-line-clamp: 2;
+ -webkit-box-orient: vertical;
font-size: 16px;
font-family: SourceHanSansSC-Normal, SourceHanSansSC;
font-weight: 400;
--
Gitblit v1.9.3