等级卡修改

后端研发-倪永富
1 parent 2dd758aa
Showing 3 changed files with 26 additions and 9 deletions
components/goods_list/goods_list.wxml
components/goods_list/goods_list.wxss
pages/goods/goodsInfo/goodsInfo.wxss
@@ -88,12 +88,12 @@
                   </view>
                   <view class="flex" style="line-height: 28rpx;">
                     <!-- 等级价 -->
-                    <view class="price flex ai_and">
-                      <view class="fs22">￥</view>
-                      <view class="fs28">{{filter.toFix(g_filter.get_card_price(item,card_list,0),2)}}</view>
-                      <view class="card_bg">
-                        <image src="{{url}}/miniapp/images/plus/dj_icon.png"></ image>{{g_filter.get_card_price(item,card_list,1)}}</view>
-                    </view>
+										<view class="price flex ai_and">
+										  <view class="fs22">￥</view>
+										  <view class="fs28">{{filter.toFix(g_filter.get_card_price(item,card_list,0),2)}}</view>
+										  <view class="card_bg ellipsis-1">
+										    <image src="{{url}}/miniapp/images/plus/dj_icon.png"></ image>{{g_filter.get_card_price(item,card_list,1)}}</view>
+										</view>
                   </view>
                 </block>
                 <block wx:else>
@@ -37,6 +37,20 @@
   align-items: center;
 }
  
+.ellipsis-1 {
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+}
+
+/* .ellipsis-1x {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 1;
+} */
+
 .xc-wc {
   color: #d60021;
 }
@@ -167,17 +181,19 @@
 }
  
 .card_bg {
-  display: flex;
+	box-sizing: border-box;
+  /* display: flex; */
   padding: 2rpx 10rpx;
   height: 25rpx;
-  align-items: center;
+  /* align-items: center; */
   border-radius: 26rpx;
   font-size: 19rpx;
   line-height: 1em;
   /* max-width: 110rpx; */
+	max-width: 220rpx;
   background: #333;
   color: #fff;
-  justify-content: center;
+  /* justify-content: center; */
   margin-left: 8rpx;
 }
  
@@ -2549,6 +2549,7 @@ border-radius: 55rpx;
 .grade-card-frame .card-name{
 	margin-left: 8rpx;
   /* max-width: 120rpx; */
+	max-width: 165rpx;
 }
 .card-effect{
   margin-left: 15rpx;