商品详情商品分类的搜索列表及3级商品列表

后端开发-许程
1 parent dcd7c347
Showing 8 changed files with 38 additions and 12 deletions
components/goods_list/goods_list.wxml
components/goods_list/goods_list.wxss
pages/goods/goodsInfo/goodsInfo.wxml
pages/goods/goodsInfo/goodsInfo.wxss
pages/goods/goodsList/goodsList.wxml
pages/goods/goodsList/goodsList.wxss
pages/goods/search/search.wxml
pages/goods/search/search.wxss
@@ -23,7 +23,7 @@
 								           <view class="flex xc-wc">
 								         	<view class="fs24">￥</view>
 								         	<view class="fs35">{{filter.toFix(item[card_field],2)}}</view>
-											<view class="card_bg"><image src="{{url}}/miniapp/images/plus/dj_icon.png"></image><text>{{card_name}}</text></view>
+											<view class="card_bg"><image src="{{url}}/miniapp/images/plus/dj_icon.png"></image><view class="card_name">{{card_name}}</view></view>
 								           </view>
 								         </view>
 								         <view class="flex" style="line-height: 28rpx;" >
@@ -2,7 +2,7 @@
   margin-top: 40rpx;
 }
 .ib{
-  display: inline-block;
+  display: inline-block; 
 }
 .fs20{
     font-size: 20rpx;
@@ -151,6 +151,11 @@ color: #b9b9b9;
 }
 .line_th{ text-decoration: line-through}
-.card_bg {display: flex; padding: 0rpx 10rpx;height: 28rpx; align-items: center; border-radius: 26rpx; font-size: 19rpx;line-height: 28rpx;
+.card_bg {display: flex; padding: 2rpx 10rpx;height: 28rpx; align-items: center; border-radius: 26rpx; font-size: 19rpx;line-height: 28rpx;max-width: 110rpx;
 background: #333; color: #fff; justify-content: center; margin-left: 2rpx;}
-.card_bg image{ width: 19rpx; height: 19rpx; margin-right: 1rpx;}
 \ No newline at end of file
+.card_bg image{ width: 19rpx; height: 19rpx; margin-right: 1rpx;}.card_bg .card_name{
+   max-width: 76rpx;
+   width: auto;
+   overflow: hidden;
+   white-space:nowrap;
+}
 \ No newline at end of file
@@ -236,6 +236,7 @@
 				  <block wx:if="{{card_field && data[card_field]>0}}">
 				     <view class="flex ai-center  grade-card-frame" style="margin-left:12rpx;"> 
 					  <image class="img" src="{{iurl}}/miniapp/images/userinfo/userinfo/privilege_t.png"></image>
+            <!--  -->
 				      <view class="fs24 white view card-name ellipsis-1">{{card_name}}</view>
 				     </view>
 				     <text class="rel yuan">￥</text>{{filters.toFix(data[card_field],2)}}
@@ -277,7 +278,7 @@
                    <!-- 等级卡的显示,购买, 等级卡近30天要显示续费-->
-                <view>{{g_filters.is_has_rank(rank_switch,data)}}</view>
+               
 			<block wx:if="{{g_filters.is_has_rank(rank_switch,data)}}">	
             <view wx:if="{{!card_field }}">
@@ -2539,6 +2539,8 @@ border-radius: 55rpx;
 }
 .grade-card-frame .card-name{
 	margin-left: 5rpx;
+  max-width: 120rpx;
+
 }
 .card-effect{
   margin-left: 15rpx;
@@ -47,7 +47,8 @@
                 		         <block wx:if="{{item[card_field]>0}}">
                 				       <view class="flex ai-center">
                 				          <view class="price">￥{{item[card_field]}}</view>
-                						  <view class="card_bg"><image src="{{url}}/miniapp/images/plus/dj_icon.png"></image>{{card_name}}</view>
+                						  <view class="card_bg"><image src="{{url}}/miniapp/images/plus/dj_icon.png"></image>
+                              <view class="card_name">{{card_name}}</view></view>
                 					   </view>
                 				       <view class="comment flex jc_sb">
                 				          <view class="word-line xc-ash">￥{{item.market_price}}</view>	
@@ -156,8 +156,17 @@
     width: 300rpx;
 }
-.card_bg {display: flex; width: 110rpx;height: 28rpx; align-items: center; border-radius: 26rpx; font-size: 19rpx;
-background: #333; color: #fff; justify-content: center; margin-left: 3rpx; margin-top:7rpx; line-height: 28rpx;}
+.card_bg {display: flex; max-width: 110rpx;height: 28rpx; align-items: center; border-radius: 26rpx; font-size: 19rpx;
+background: #333; color: #fff; justify-content: center; margin-left: 3rpx; margin-top:7rpx; line-height: 28rpx;
+padding: 2rpx 10rpx;width: auto; 
+
+}
+.card_bg .card_name{
+   max-width: 76rpx;
+   width: auto;
+   overflow: hidden;
+   white-space:nowrap;
+}
 .card_bg image{ width: 19rpx; height: 19rpx; margin-right: 1rpx; vertical-align: middle}
 .mk_price{margin-left: 10rpx; font-size: 25rpx;}
 .item-cont{ line-height: 38rpx}
 \ No newline at end of file
@@ -43,7 +43,9 @@
 						         <block wx:if="{{item[card_field]>0}}">
 								       <view class="flex ai-center">
 								          <view class="price">￥{{item[card_field]}}</view>
-										  <view class="card_bg"><image src="{{url}}/miniapp/images/plus/dj_icon.png"></image>{{card_name}}</view>
+										  <view class="card_bg"><image src="{{url}}/miniapp/images/plus/dj_icon.png"></image>
+                     <view class="card_name">{{card_name}}</view> 
+                      </view>
 									   </view>
 								       <view class="comment flex jc_sb">
 								          <view class="word-line xc-ash">￥{{item.market_price}}</view>	
@@ -227,8 +227,14 @@
     margin-left: 15rpx;
 }
-.card_bg {display: flex; width: 110rpx;height: 28rpx; align-items: center; border-radius: 26rpx; font-size: 19rpx;
-background: #333; color: #fff; justify-content: center; margin-left: 3rpx; margin-top:7rpx; line-height: 28rpx;}
-.card_bg image{ width: 19rpx; height: 19rpx; margin-right: 1rpx; vertical-align: middle}
+.card_bg {display: flex;  max-width: 110rpx;height: 28rpx; align-items: center; border-radius: 26rpx; font-size: 19rpx;padding: 2rpx 10rpx;
+background: #333; color: #fff; justify-content: center; margin-left: 3rpx; margin-top:7rpx; line-height: 28rpx; width: auto}
+.card_bg image{ width: 19rpx; height: 19rpx; margin-right: 1rpx; vertical-align: middle} 
+.card_bg .card_name{
+   max-width: 76rpx;
+   width: auto;
+   overflow: hidden;
+   white-space:nowrap;
+}
 .mk_price{margin-left: 10rpx; font-size: 25rpx;}
 .item-cont{ line-height: 38rpx}