Browse Source

商品组名称两行显示,移除商品组编码

xiaohaizhao 1 year ago
parent
commit
90d2ca7833
2 changed files with 9 additions and 11 deletions
  1. 8 9
      packageA/market/modules/list/index.scss
  2. 1 2
      packageA/market/modules/list/index.wxml

+ 8 - 9
packageA/market/modules/list/index.scss

@@ -34,11 +34,17 @@
 		width: 480rpx;
 
 		.title {
-			height: 40rpx;
-			line-height: 40rpx;
+			width: 100%;
+			height: 72rpx;
 			font-size: 28rpx;
 			font-weight: 600;
 			color: #333333;
+			overflow: hidden;
+			text-overflow: ellipsis;
+			display: -webkit-box;
+			-webkit-line-clamp: 2;
+			line-clamp: 2;
+			-webkit-box-orient: vertical;
 		}
 
 		.type {
@@ -88,11 +94,4 @@
 			}
 		}
 	}
-}
-
-.line-1 {
-	overflow: hidden;
-	white-space: nowrap;
-	text-overflow: ellipsis;
-	word-break: break-all;
 }

+ 1 - 2
packageA/market/modules/list/index.wxml

@@ -10,8 +10,7 @@
 		</van-image>
 	</view>
 	<view class="right-box">
-		<view class="title line-1">{{item.groupname||'--'}}</view>
-		<view class="type line-1">{{item.groupnum||'--'}}</view>
+		<view class="title line-2">{{item.groupname||'--'}}</view>
 		<view class="tags">
 			<view style="background: #FA8C16;">
 				{{item.brandname}}