From c1ad09c9f241fb2cd9e06132a88f8ea596a17d5e Mon Sep 17 00:00:00 2001
From: DESKTOP-QHAFKU5\iceling <iceling@meidd.com>
Date: Wed, 11 Dec 2019 11:08:11 +0800
Subject: [PATCH] 商品界面优化

---
 components/diy_goodsGroup/diy_goodsGroup.wxml |  18 +++++++++---------
 components/diy_goodsGroup/diy_goodsGroup.wxss | 421 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
 components/goods_list/goods_list.wxml         |   4 ++--
 components/goods_list/goods_list.wxss         | 135 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++---------------------------------------------------
 pages/goods/goodsList/goodsList.wxml          |   4 ++--
 pages/goods/goodsList/goodsList.wxss          | 233 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++--------------------------------------------------------------------------------------------------------
 pages/goods/search/search.wxml                |   4 ++--
 pages/goods/search/search.wxss                | 325 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++-----------------------------------------------------------------------------------------------------------------------------------------------------
 8 files changed, 625 insertions(+), 519 deletions(-)

diff --git a/components/diy_goodsGroup/diy_goodsGroup.wxml b/components/diy_goodsGroup/diy_goodsGroup.wxml
index a4bd7f7..86cd51d 100644
--- a/components/diy_goodsGroup/diy_goodsGroup.wxml
+++ b/components/diy_goodsGroup/diy_goodsGroup.wxml
@@ -44,9 +44,9 @@
                                      <block wx:if="{{card_field}}">
                                           <!-- 等级价>0 -->
                                           <block wx:if="{{item[card_field]>0}}">
-                                             <view class="money flex" >
+                                             <view class="money flex ai_and">
                                                  <!-- 办卡价 -->
-                                                 <view class="flex xc-wc ">
+                                                 <view class="flex xc-wc ai_and">
                                                      <view class="fs24 wz_red">￥</view>
                                                      <view class="fs35 wz_red">{{filter.toFix(item[card_field],2)}}</view>
                                                      <view class="card_bg"><image src="{{url}}/miniapp/images/plus/dj_icon.png"></image><view class="card_name">{{card_name}}</view></view>
@@ -95,7 +95,7 @@
                                              </view>
                                              <view class="flex" style="line-height: 28rpx;" >
                                                  <!-- 等级价 -->
-                                                 <view class="price flex">
+                                                 <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>
@@ -183,7 +183,7 @@
                                         <block wx:if="{{item[card_field]>0}}">
                                             <view class="money flex" >
                                                 <!-- 办卡价 -->
-                                                <view class="flex xc-wc">
+                                                <view class="flex xc-wc ai_and">
                                                     <view class="fs24 wz_red">￥</view>
                                                     <view class="fs35 wz_red">{{filter.toFix(item[card_field],2)}}</view>
                                                     <view class="card_bg"><image src="{{url}}/miniapp/images/plus/dj_icon.png"></image><view class="card_name">{{card_name}}</view></view>
@@ -232,7 +232,7 @@
                                             </view>
                                             <view class="flex" style="line-height: 28rpx;" >
                                                 <!-- 等级价 -->
-                                                <view class="price flex">
+                                                <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>
@@ -319,7 +319,7 @@
                                             <block wx:if="{{item[card_field]>0}}">
                                                 <view class="money flex" >
                                                     <!-- 办卡价 -->
-                                                    <view class="flex xc-wc">
+                                                    <view class="flex xc-wc ai_and">
                                                         <view class="fs24 wz_red">￥</view>
                                                         <view class="fs35 wz_red">{{filter.toFix(item[card_field],2)}}</view>
                                                         <view class="card_bg"><image src="{{url}}/miniapp/images/plus/dj_icon.png"></image><view class="card_name">{{card_name}}</view></view>
@@ -368,7 +368,7 @@
                                                 </view>
                                                 <view class="flex" style="line-height: 28rpx;" >
                                                     <!-- 等级价 -->
-                                                    <view class="price flex">
+                                                    <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>
@@ -450,7 +450,7 @@
                                 <block wx:if="{{item[card_field]>0}}">
                                     <view class="money flex" >
                                         <!-- 办卡价 -->
-                                        <view class="flex xc-wc">
+                                        <view class="flex xc-wc ai_and">
                                             <view class="fs24 wz_red">￥</view>
                                             <view class="fs35 wz_red">{{filter.toFix(item[card_field],2)}}</view>
                                             <view class="card_bg"><image src="{{url}}/miniapp/images/plus/dj_icon.png"></image><view class="card_name">{{card_name}}</view></view>
@@ -499,7 +499,7 @@
                                     </view>
                                     <view class="flex" style="line-height: 28rpx;" >
                                         <!-- 等级价 -->
-                                        <view class="price flex">
+                                        <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>
diff --git a/components/diy_goodsGroup/diy_goodsGroup.wxss b/components/diy_goodsGroup/diy_goodsGroup.wxss
index 971fa91..e827ffd 100644
--- a/components/diy_goodsGroup/diy_goodsGroup.wxss
+++ b/components/diy_goodsGroup/diy_goodsGroup.wxss
@@ -1,23 +1,31 @@
 /* pages/diy_zs/diy_zs.wxss */
-.zwp_3{ margin-top: 10rpx}
-.zs_goods{
+
+.zwp_3 {
+  margin-top: 10rpx;
+}
+
+.zs_goods {
   width: 700rpx;
   border: 1rpx #ddd solid;
   margin-bottom: 10rpx;
   margin: 0 auto;
-  
 }
-.s1_gk_a1{
+
+.s1_gk_a1 {
   display: inline;
   width: auto;
   height: auto;
 }
-.clear{ clear: both;}
-.zs_top{
+
+.clear {
+  clear: both;
+}
+
+.zs_top {
   width: 100%;
   min-height: 700rpx;
   margin: 0 auto;
-  margin-bottom:30rpx;
+  margin-bottom: 30rpx;
   display: flex;
 }
 
@@ -27,66 +35,62 @@
   margin: 1rpx auto;
 }
 
-.zs_center{
-   width: 100%;
-   min-height: 200rpx;
-   font-size: 28rpx;
-   color: #333;
-   text-align: left;
-   margin-left: 25rpx;
-	 padding: 0 10rpx;
+.zs_center {
+  width: 100%;
+  min-height: 200rpx;
+  font-size: 28rpx;
+  color: #333;
+  text-align: left;
+  margin-left: 25rpx;
+  padding: 0 10rpx;
 }
 
-.zs_wz1{
+.zs_wz1 {
   overflow: hidden;
-    text-overflow: ellipsis;
-    margin-bottom:10rpx;
-    font-size:28rpx;
-    white-space: nowrap;
-    width: 640rpx
+  text-overflow: ellipsis;
+  margin-bottom: 10rpx;
+  font-size: 28rpx;
+  white-space: nowrap;
+  width: 640rpx;
 }
 
-
-.zs_wz2{
+.zs_wz2 {
   overflow: hidden;
-    text-overflow: ellipsis;
-    margin-bottom:10rpx;
-font-size:28rpx;
-    white-space: nowrap;
+  text-overflow: ellipsis;
+  margin-bottom: 10rpx;
+  font-size: 28rpx;
+  white-space: nowrap;
 }
 
-.zs_wz3{
+.zs_wz3 {
   overflow: hidden;
-    text-overflow: ellipsis;
-    margin-bottom:10rpx;
-font-size:28rpx;
-    white-space: nowrap;
+  text-overflow: ellipsis;
+  margin-bottom: 10rpx;
+  font-size: 28rpx;
+  white-space: nowrap;
 }
 
-.zs_wz4{
+.zs_wz4 {
   overflow: hidden;
-    text-overflow: ellipsis;
-    margin-bottom:10rpx;
-font-size:28rpx;
-    white-space: nowrap;
+  text-overflow: ellipsis;
+  margin-bottom: 10rpx;
+  font-size: 28rpx;
+  white-space: nowrap;
 }
 
-.zs_wz5{
+.zs_wz5 {
   overflow: hidden;
-    text-overflow: ellipsis;
-    font-size:30rpx;
-    white-space: nowrap;
+  text-overflow: ellipsis;
+  font-size: 30rpx;
+  white-space: nowrap;
 }
 
-.wz_red{
- 
-      color: #C4182E;
-    font-size: 32rpx;
+.wz_red {
+  color: #c4182e;
+  font-size: 32rpx;
 }
 
-
-
-.zs_t1{
+.zs_t1 {
   width: 56rpx;
   height: 56rpx;
   position: absolute;
@@ -94,8 +98,7 @@ font-size:28rpx;
   top: 10rpx;
 }
 
-
-.zs_t2{
+.zs_t2 {
   width: 56rpx;
   height: 56rpx;
   position: absolute;
@@ -103,7 +106,7 @@ font-size:28rpx;
   top: 10rpx;
 }
 
-.zs_t3{
+.zs_t3 {
   width: 56rpx;
   height: 56rpx;
   position: absolute;
@@ -111,8 +114,7 @@ font-size:28rpx;
   bottom: 10rpx;
 }
 
-
-.zs_t4{
+.zs_t4 {
   width: 56rpx;
   height: 56rpx;
   position: absolute;
@@ -120,167 +122,157 @@ font-size:28rpx;
   bottom: 10rpx;
 }
 
-
-
-.zs_goods_xiao_bottom{
+.zs_goods_xiao_bottom {
   width: 100%;
   min-height: 300rpx;
-
   display: flex;
   border-bottom: 2rpx #eee solid;
   padding: 10rpx;
   background-color: white;
-  
 }
 
-.zs_goods_xiao{
+.zs_goods_xiao {
   width: 100%;
   min-height: 300rpx;
-
   display: flex;
   /* border-bottom: 2rpx #eee solid; */
   padding: 10rpx;
   background-color: white;
 }
 
-.zs_top_x{
+.zs_top_x {
   width: 400rpx;
   height: 318rpx;
-  margin-top: 20rpx;  
+  margin-top: 20rpx;
   display: flex;
 }
 
 .zs_t_img_x {
-   width: 290rpx;
+  width: 290rpx;
   height: 290rpx;
   margin-left: 20rpx;
-  
 }
 
-.zs_center_x{
-
+.zs_center_x {
   width: 100%;
   min-height: 200rpx;
   font-size: 28rpx;
   color: #333;
   text-align: left;
   margin-top: 30rpx;
-	padding: 0 10rpx;
+  padding: 0 10rpx;
 }
 
-.zs_wz1_x{
+.zs_wz1_x {
   overflow: hidden;
-    text-overflow: ellipsis;
-    margin-bottom:10rpx;
-font-size:28rpx;
-    white-space: nowrap;
-    width: 80%;
+  text-overflow: ellipsis;
+  margin-bottom: 10rpx;
+  font-size: 28rpx;
+  white-space: nowrap;
+  width: 80%;
 }
 
-
-.zs_wz2_x{
+.zs_wz2_x {
   overflow: hidden;
-    text-overflow: ellipsis;
-    margin-bottom:10rpx;
-font-size:28rpx;
-    white-space: nowrap;
+  text-overflow: ellipsis;
+  margin-bottom: 10rpx;
+  font-size: 28rpx;
+  white-space: nowrap;
 }
 
-.zs_wz3_x{
+.zs_wz3_x {
   overflow: hidden;
-    text-overflow: ellipsis;
-    margin-bottom:10rpx;
-font-size:28rpx;
-    white-space: nowrap;
+  text-overflow: ellipsis;
+  margin-bottom: 10rpx;
+  font-size: 28rpx;
+  white-space: nowrap;
 }
 
-.zs_wz4_x{
+.zs_wz4_x {
   overflow: hidden;
-    text-overflow: ellipsis;
-    margin-bottom:10rpx;
-font-size:28rpx;
-    white-space: nowrap;
+  text-overflow: ellipsis;
+  margin-bottom: 10rpx;
+  font-size: 28rpx;
+  white-space: nowrap;
 }
 
-.zs_wz5_x{
+.zs_wz5_x {
   overflow: hidden;
-    text-overflow: ellipsis;
-    font-size:30rpx;
-    white-space: nowrap;
+  text-overflow: ellipsis;
+  font-size: 30rpx;
+  white-space: nowrap;
 }
 
-.wz_red{
-    color: #C4182E;
-    font-size: 32rpx;
+.wz_red {
+  color: #c4182e;
+  font-size: 32rpx;
 }
 
-.del{
-    font-size: 24rpx;
-    color: #999;
-    text-decoration: line-through;
-    margin-top: 8rpx;
+.del {
+  font-size: 24rpx;
+  color: #999;
+  text-decoration: line-through;
+  margin-top: 8rpx;
 }
 
-.zs_t1_x{
+.zs_t1_x {
   width: 56rpx;
   height: 56rpx;
   position: relative;
   right: 62rpx;
-top: 6rpx;
+  top: 6rpx;
 }
 
-.zs_t1_x1{
- width: 56rpx;
+.zs_t1_x1 {
+  width: 56rpx;
   height: 56rpx;
   position: relative;
   right: 285rpx;
-top: 6rpx;
+  top: 6rpx;
 }
 
-.zs_t1_x2{
-   width: 56rpx;
+.zs_t1_x2 {
+  width: 56rpx;
   height: 56rpx;
   position: relative;
   right: 56rpx;
-top: 234rpx;
+  top: 234rpx;
 }
 
-
-.zs_t1_x3{
-   width: 56rpx;
+.zs_t1_x3 {
+  width: 56rpx;
   height: 56rpx;
   position: relative;
   right: 288rpx;
-top: 234rpx;
+  top: 234rpx;
 }
 
 /*1列2个*/
 
-.zs_goods_ban{
+.zs_goods_ban {
   width: 100%;
   min-height: 300rpx;
 }
 
-.zs_goods_wai_ban{
+.zs_goods_wai_ban {
   display: flex;
   /* padding-left: 2rpx; */
   margin-bottom: 12rpx;
   width: 48.5%;
   float: left;
   background: #fff;
-  margin-left: 1%
+  margin-left: 1%;
 }
 
-
-.zs_goods_2l{
+.zs_goods_2l {
   width: 94%;
   min-height: 300rpx;
   /* border: 2rpx #ddd solid; */
   margin: 0 auto;
-   padding: 2rpx;
+  padding: 2rpx;
 }
 
-.zs_top_2l{
+.zs_top_2l {
   width: 340rpx;
   height: 340rpx;
 }
@@ -290,73 +282,70 @@ top: 234rpx;
   border: none;
 }
 
-
 .zs_t_img_2l {
   width: 100%;
   height: 100%;
   margin: 0 auto;
 }
 
-.zs_center_2l{
+.zs_center_2l {
   width: 100%;
   min-height: 200rpx;
   font-size: 28rpx;
   color: #333;
   text-align: left;
-	padding: 0 10rpx;
+  padding: 0 10rpx;
 }
 
-.zs_wz1_2l{
+.zs_wz1_2l {
   overflow: hidden;
   text-overflow: ellipsis;
-  margin-bottom:10rpx;
-  font-size:30rpx;
+  margin-bottom: 10rpx;
+  font-size: 30rpx;
   white-space: nowrap;
   margin-top: 10rpx;
 }
 
-
-.zs_wz2_2l{
+.zs_wz2_2l {
   overflow: hidden;
   text-overflow: ellipsis;
-  margin-bottom:10rpx;
-  font-size:30rpx;
+  margin-bottom: 10rpx;
+  font-size: 30rpx;
   white-space: nowrap;
   margin-top: 10rpx;
   height: 80rpx;
-  line-height: 40rpx
+  line-height: 40rpx;
 }
 
-.zs_wz3_2l{
+.zs_wz3_2l {
   overflow: hidden;
   text-overflow: ellipsis;
-  margin-bottom:10rpx;
-  font-size:30rpx;
+  margin-bottom: 10rpx;
+  font-size: 30rpx;
   white-space: nowrap;
   margin-top: 10rpx;
 }
 
-.zs_wz4_2l{
+.zs_wz4_2l {
   overflow: hidden;
   text-overflow: ellipsis;
-  margin-bottom:10rpx;
-  font-size:30rpx;
+  margin-bottom: 10rpx;
+  font-size: 30rpx;
   white-space: nowrap;
   margin-top: 10rpx;
 }
 
-.zs_wz5_2l{
+.zs_wz5_2l {
   overflow: hidden;
   text-overflow: ellipsis;
-  font-size:30rpx;
+  font-size: 30rpx;
   white-space: nowrap;
   margin-top: 10rpx;
 }
 
-
-
 /*---俩列图片位置---*/
-.zs_t1_2l{
+
+.zs_t1_2l {
   width: 56rpx;
   height: 56rpx;
   position: absolute;
@@ -364,7 +353,7 @@ top: 234rpx;
   top: 10rpx;
 }
 
-.zs_t2_2l{
+.zs_t2_2l {
   width: 56rpx;
   height: 56rpx;
   position: absolute;
@@ -372,16 +361,15 @@ top: 234rpx;
   top: 10rpx;
 }
 
-.zs_t3_2l{
+.zs_t3_2l {
   width: 56rpx;
   height: 56rpx;
   position: absolute;
-  left:  0rpx;
+  left: 0rpx;
   bottom: 10rpx;
 }
 
-
-.zs_t4_2l{
+.zs_t4_2l {
   width: 56rpx;
   height: 56rpx;
   position: absolute;
@@ -389,23 +377,22 @@ top: 234rpx;
   bottom: 10rpx;
 }
 
-
-
 /*一个3列*/
-.zs_goods_wai_san{
+
+.zs_goods_wai_san {
   width: 230rpx;
   display: flex;
   margin-left: 10rpx;
   float: left;
   margin-bottom: 8rpx;
-  background-color:white;
+  background-color: white;
 }
 
-.zs_goods_san{
+.zs_goods_san {
   width: 240rpx;
-  
 }
-.zs_goods_3l{
+
+.zs_goods_3l {
   width: 240rpx;
   min-height: 300rpx;
   border: 2rpx #ddd solid;
@@ -413,19 +400,19 @@ top: 234rpx;
   padding: 2rpx;
 }
 
-.zs_top_3l{
+.zs_top_3l {
   width: 232rpx;
-  height:  232rpx;
+  height: 232rpx;
 }
 
 .zs_t_img_3l {
-  width:232rpx;
+  width: 232rpx;
   height: 232rpx;
   margin: 0 auto;
   background-color: bisque;
 }
 
-.zs_center_3l{
+.zs_center_3l {
   width: 100%;
   min-height: 200rpx;
   font-size: 28rpx;
@@ -434,52 +421,48 @@ top: 234rpx;
   padding: 0 10rpx;
 }
 
-.zs_wz1_3l{
-  
-  margin-bottom:10rpx;
-  font-size:30rpx;
+.zs_wz1_3l {
+  margin-bottom: 10rpx;
+  font-size: 30rpx;
   height: 80rpx;
   width: 220rpx;
-
-    overflow: hidden;
-    text-overflow: ellipsis;
-    display: -webkit-box;
-    -webkit-box-orient: vertical;
-    -webkit-line-clamp: 2;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2;
 }
 
-
-.zs_wz2_3l{
-  margin-bottom:10rpx;
-  font-size:30rpx;
+.zs_wz2_3l {
+  margin-bottom: 10rpx;
+  font-size: 30rpx;
   display: flex;
 }
 
-.zs_wz3_3l{
+.zs_wz3_3l {
   overflow: hidden;
   text-overflow: ellipsis;
-  margin-bottom:10rpx;
-  font-size:30rpx;
+  margin-bottom: 10rpx;
+  font-size: 30rpx;
   white-space: nowrap;
 }
 
-.zs_wz4_3l{
+.zs_wz4_3l {
   overflow: hidden;
   text-overflow: ellipsis;
-  margin-bottom:10rpx;
-  font-size:30rpx;
+  margin-bottom: 10rpx;
+  font-size: 30rpx;
   white-space: nowrap;
 }
 
-.zs_wz5_3l{
+.zs_wz5_3l {
   overflow: hidden;
   text-overflow: ellipsis;
-  font-size:30rpx;
-    white-space: nowrap;
+  font-size: 30rpx;
+  white-space: nowrap;
 }
 
-
-.zs_t1_3l{
+.zs_t1_3l {
   width: 56rpx;
   height: 56rpx;
   position: absolute;
@@ -487,8 +470,7 @@ top: 234rpx;
   top: 10rpx;
 }
 
-
-.zs_t2_3l{
+.zs_t2_3l {
   width: 56rpx;
   height: 56rpx;
   position: absolute;
@@ -496,7 +478,7 @@ top: 234rpx;
   top: 10rpx;
 }
 
-.zs_t3_3l{
+.zs_t3_3l {
   width: 56rpx;
   height: 56rpx;
   position: absolute;
@@ -504,8 +486,7 @@ top: 234rpx;
   bottom: 10rpx;
 }
 
-
-.zs_t4_3l{
+.zs_t4_3l {
   width: 56rpx;
   height: 56rpx;
   position: absolute;
@@ -513,27 +494,67 @@ top: 234rpx;
   bottom: 10rpx;
 }
 
-.zs_goods_wai{
+.zs_goods_wai {
   background-color: white;
   margin-top: 10rpx;
 }
 
-.rel{position: relative}
-.flex{display: flex}
-.fs24{font-size: 24rpx}
-.fs35{font-size: 35rpx}
-.xc-wc{ align-items: center; margin-top: -3rpx}
+.rel {
+  position: relative;
+}
+
+.flex {
+  display: flex;
+}
+
+.fs24 {
+  font-size: 24rpx;
+}
+
+.fs35 {
+  font-size: 35rpx;
+}
+
+.xc-wc {
+  align-items: center;
+  margin-top: -3rpx;
+}
 
-.price.xc-ash{
+.price.xc-ash {
   font-size: 24rpx;
   color: #999;
   text-decoration: line-through;
   margin-top: 8rpx;
 }
 
+.line_th {
+  text-decoration: line-through;
+}
 
-.line_th{ text-decoration: line-through}
-.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;}
-.card_bg .card_name{ max-width: 76rpx; width: auto;overflow: hidden; white-space:nowrap; }
\ No newline at end of file
+.card_bg {
+  display: flex;
+  padding: 2rpx 10rpx;
+  height: 25rpx;
+  align-items: center;
+  border-radius: 26rpx;
+  font-size: 19rpx;
+  line-height: 25rpx;
+  max-width: 110rpx;
+  background: #333;
+  color: #fff;
+  justify-content: center;
+  margin-left: 8rpx;
+}
+
+.card_bg image {
+  width: 19rpx;
+  height: 19rpx;
+  margin-right: 1rpx;
+}
+
+.card_bg .card_name {
+  max-width: 76rpx;
+  width: auto;
+  overflow: hidden;
+  white-space: nowrap;
+}
diff --git a/components/goods_list/goods_list.wxml b/components/goods_list/goods_list.wxml
index f617993..7846b97 100644
--- a/components/goods_list/goods_list.wxml
+++ b/components/goods_list/goods_list.wxml
@@ -37,7 +37,7 @@
                 <block wx:if="{{item[card_field]>0}}">
                   <view class="money flex">
                     <!-- 办卡价 -->
-                    <view class="flex xc-wc">
+                    <view class="flex xc-wc ai_and">
                       <view class="fs24">￥</view>
                       <view class="fs35">{{filter.toFix(item[card_field],2)}}</view>
                       <view class="card_bg">
@@ -88,7 +88,7 @@
                   </view>
                   <view class="flex" style="line-height: 28rpx;">
                     <!-- 等级价 -->
-                    <view class="price flex">
+                    <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">
diff --git a/components/goods_list/goods_list.wxss b/components/goods_list/goods_list.wxss
index 437a2a9..2814822 100644
--- a/components/goods_list/goods_list.wxss
+++ b/components/goods_list/goods_list.wxss
@@ -1,71 +1,78 @@
 .collects {
   margin-top: 40rpx;
 }
-.ib{
-  display: inline-block; 
-}
-.fs20{
-    font-size: 20rpx;
-}
-.fs22{
-    font-size: 22rpx;
-}
-.fs24{
-    font-size: 24rpx;
-}
-.fs26{
-    font-size: 26rpx;
+
+.ib {
+  display: inline-block;
 }
-.fs28{
- font-size: 28rpx;
+
+.fs20 {
+  font-size: 20rpx;
 }
-.fs35{
-    font-size:35rpx;
+
+.fs22 {
+  font-size: 22rpx;
 }
 
+.fs24 {
+  font-size: 24rpx;
+}
 
+.fs26 {
+  font-size: 26rpx;
+}
 
-.flex-center{
-display:flex;
-justify-content:center;
-align-items:center;
+.fs28 {
+  font-size: 28rpx;
 }
-.xc-wc{
-  color: #d60021;
 
+.fs35 {
+  font-size: 35rpx;
 }
 
+.flex-center {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
 
+.xc-wc {
+  color: #d60021;
+}
 
-.xc-ash{
-color: #b9b9b9;
+.xc-ash {
+  color: #b9b9b9;
 }
+
 .choice_box .choice_list .choice_footer .price {
-    color: #f23030; height: 10px
+  color: #f23030;
+  height: 10px;
+}
+
+.flex {
+  display: flex;
 }
 
-.flex{display: flex}
 .ellipsis-2 {
-    overflow: hidden;
-    text-overflow: ellipsis;
-    display: -webkit-box;
-    -webkit-box-orient: vertical;
-    -webkit-line-clamp: 2;
-}
-.goods_name{
- height: 62rpx;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2;
+}
+
+.goods_name {
+  height: 62rpx;
   margin-top: 6rpx;
   line-height: 30rpx;
-  
-
 }
+
 .hang {
   width: 100%;
   margin: auto;
   padding-left: 21rpx;
 }
 
-
 .hang .collect {
   width: 347rpx;
   height: 520rpx;
@@ -91,15 +98,19 @@ color: #b9b9b9;
   line-height: 28rpx;
   align-items: baseline;
 }
-.collect .money view{
+
+.collect .money view {
   line-height: 28rpx;
 }
+
 .collect .money .flex {
-    font-weight: bold;
+  font-weight: bold;
 }
-.collect .money .flex .fs24{
+
+.collect .money .flex .fs24 {
   padding-top: 5rpx;
 }
+
 .collect .Discount {
   width: 156rpx;
   height: 28rpx;
@@ -150,12 +161,34 @@ color: #b9b9b9;
   background-color: rgb(138, 138, 138);
 }
 
-.line_th{ text-decoration: line-through}
-.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;}.card_bg .card_name{
-   max-width: 76rpx;
-   width: auto;
-   overflow: hidden;
-   white-space:nowrap;
-}
\ No newline at end of file
+.line_th {
+  text-decoration: line-through;
+}
+
+.card_bg {
+  display: flex;
+  padding: 2rpx 10rpx;
+  height: 25rpx;
+  align-items: center;
+  border-radius: 26rpx;
+  font-size: 19rpx;
+  line-height: 25rpx;
+  max-width: 110rpx;
+  background: #333;
+  color: #fff;
+  justify-content: center;
+  margin-left: 8rpx;
+}
+
+.card_bg image {
+  width: 19rpx;
+  height: 19rpx;
+  margin-right: 1rpx;
+}
+
+.card_bg .card_name {
+  max-width: 76rpx;
+  width: auto;
+  overflow: hidden;
+  white-space: nowrap;
+}
diff --git a/pages/goods/goodsList/goodsList.wxml b/pages/goods/goodsList/goodsList.wxml
index 475c134..ed05dfe 100644
--- a/pages/goods/goodsList/goodsList.wxml
+++ b/pages/goods/goodsList/goodsList.wxml
@@ -53,7 +53,7 @@
             <block wx:if="{{card_field}}">
               <!-- 等级价>0 -->
               <block wx:if="{{item[card_field]>0}}">
-                <view class="flex ai-center">
+                <view class="flex ai_and">
                   <view class="price">￥{{item[card_field]}}</view>
                   <view class="card_bg">
                     <image src="{{url}}/miniapp/images/plus/dj_icon.png"></image>
@@ -80,7 +80,7 @@
                   <view class="word-line xc-ash mk_price">￥{{item.market_price}}</view>
                 </view>
                 <view class="comment flex jc_sb">
-                  <view class="flex">
+                  <view class="flex ai_and">
                     <view class="">￥{{g_filter.get_card_price(item,card_list,0)}}</view>
                     <view class="card_bg">
                       <image src="{{url}}/miniapp/images/plus/dj_icon.png"></image>
diff --git a/pages/goods/goodsList/goodsList.wxss b/pages/goods/goodsList/goodsList.wxss
index 843bb89..1defb76 100644
--- a/pages/goods/goodsList/goodsList.wxss
+++ b/pages/goods/goodsList/goodsList.wxss
@@ -1,172 +1,197 @@
-  .container {
-    color: #666;
+.container {
+  color: #666;
 }
 
 .nav-item {
-    float: left;
-    width: 30%;
-    height: 90rpx;
-    line-height: 90rpx;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    font-size: 32rpx;
-    border-bottom: 1px solid #dfefef;
-    background-color: #fff;
+  float: left;
+  width: 30%;
+  height: 90rpx;
+  line-height: 90rpx;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 32rpx;
+  border-bottom: 1px solid #dfefef;
+  background-color: #fff;
 }
 
 .nav-item .ico-dg {
-    width: 18rpx;
-    height: 12rpx;
-    margin-left: 10rpx;
-    line-height: 0;
+  width: 18rpx;
+  height: 12rpx;
+  margin-left: 10rpx;
+  line-height: 0;
 }
 
 .nav-item .ico-filter {
-    width: 20rpx;
-    height: 20rpx;
-    margin-left: 10rpx;
-    line-height: 0;
+  width: 20rpx;
+  height: 20rpx;
+  margin-left: 10rpx;
+  line-height: 0;
 }
 
 .ico-dir {
-    width: 16rpx;
-    height: 22rpx;
-    margin-left: 10rpx;
-    background-repeat: no-repeat;
-    background-size: cover;
-    background-position-x: 0;
+  width: 16rpx;
+  height: 22rpx;
+  margin-left: 10rpx;
+  background-repeat: no-repeat;
+  background-size: cover;
+  background-position-x: 0;
 }
 
 .ico-dir-dn {
-    background-position-x: -16rpx;
+  background-position-x: -16rpx;
 }
 
 .ico-dir-up {
-    background-position-x: -32rpx;
+  background-position-x: -32rpx;
 }
 
 .search {
-    width: 10%;
+  width: 10%;
 }
 
 .search-img {
-    width: 30rpx;
-    height: 30rpx;
+  width: 30rpx;
+  height: 30rpx;
 }
 
 .choice_list {
-    background-color: #fff;
+  background-color: #fff;
 }
 
 .choice_item {
-    position: relative;
-    width: 100%;
-    min-height: 200rpx;
-    padding: 10rpx 0;
-    border-bottom: 1px solid #dfefef;
-    font-size: 30rpx;
+  position: relative;
+  width: 100%;
+  min-height: 200rpx;
+  padding: 10rpx 0;
+  border-bottom: 1px solid #dfefef;
+  font-size: 30rpx;
 }
 
 .img-wrap {
-    float: left;
-    width: 180rpx;
-    height: 180rpx;
-    padding: 0 10rpx 10rpx;
+  float: left;
+  width: 180rpx;
+  height: 180rpx;
+  padding: 0 10rpx 10rpx;
 }
 
 .img-wrap image {
-    width: 100%;
-    height: 100%;
+  width: 100%;
+  height: 100%;
 }
 
 .item-cont .title {
-    height: 72rpx;
-    margin: 16rpx 0;
-    padding-right: 10rpx;
-    line-height: 36rpx;
-    color: #333;
-    overflow: hidden;
+  height: 72rpx;
+  margin: 16rpx 0;
+  padding-right: 10rpx;
+  line-height: 36rpx;
+  color: #333;
+  overflow: hidden;
 }
 
 .price {
-    display: inline-block;
-    color: #f23030;
-    line-height: 24rpx; 
-    /* padding-bottom: 20rpx; */
+  display: inline-block;
+  color: #f23030;
+  line-height: 24rpx;
+  /* padding-bottom: 20rpx; */
 }
 
 .comment {
-    font-size: 25rpx;
-    margin-top: 4rpx;
-    padding-right:30rpx 
+  font-size: 25rpx;
+  margin-top: 4rpx;
+  padding-right: 30rpx;
 }
 
 .filter-modal {
-    position: fixed;
-    left: 150rpx;
-    top: 0;
-    right: 0;
-    bottom: 0;
-    z-index: 20;
-    background-color: white;
-    overflow-x: hidden;
-    padding-bottom: 30rpx;
+  position: fixed;
+  left: 150rpx;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  z-index: 20;
+  background-color: white;
+  overflow-x: hidden;
+  padding-bottom: 30rpx;
 }
 
 .filter-box {
-    box-sizing: border-box;
-    width: 100%;
-    font-size: 28rpx;
-    padding: 20rpx;
+  box-sizing: border-box;
+  width: 100%;
+  font-size: 28rpx;
+  padding: 20rpx;
 }
 
 .filter-name {
-    width: 100%;
-    padding: 20rpx 0;
-    word-break: keep-all;
-    white-space: nowrap;
-    text-overflow: ellipsis;
-    overflow: hidden;
-    font-size: 30rpx;
+  width: 100%;
+  padding: 20rpx 0;
+  word-break: keep-all;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  overflow: hidden;
+  font-size: 30rpx;
 }
 
 .filter-items {
-    width: 100%;
+  width: 100%;
 }
 
 .filter-item {
-    float: left;
-    width: fit-content;
-    max-width: 500rpx;
-    word-break: keep-all;
-    white-space: nowrap;
-    text-overflow: ellipsis;
-    overflow: hidden;
-    padding: 10rpx;
-    border-radius: 10rpx;
-    border: 1rpx #ddd solid;
-    margin: 0 10rpx 10rpx 0;
-    background-color: #fdfdfd;
-    color: #666;
+  float: left;
+  width: fit-content;
+  max-width: 500rpx;
+  word-break: keep-all;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  overflow: hidden;
+  padding: 10rpx;
+  border-radius: 10rpx;
+  border: 1rpx #ddd solid;
+  margin: 0 10rpx 10rpx 0;
+  background-color: #fdfdfd;
+  color: #666;
 }
 
 .viewall-btn {
-    margin-top: 20rpx;
-    width: 300rpx;
+  margin-top: 20rpx;
+  width: 300rpx;
 }
 
-.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 {
+  display: flex;
+  max-width: 110rpx;
+  height: 25rpx;
+  align-items: center;
+  border-radius: 26rpx;
+  font-size: 19rpx;
+  background: #333;
+  color: #fff;
+  justify-content: center;
+  margin-left: 8rpx;
+  margin-top: 7rpx;
+  line-height: 25rpx;
+  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;
 }
-.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;
 }
-.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
diff --git a/pages/goods/search/search.wxml b/pages/goods/search/search.wxml
index 76062eb..0abc014 100644
--- a/pages/goods/search/search.wxml
+++ b/pages/goods/search/search.wxml
@@ -50,7 +50,7 @@
             <block wx:if="{{card_field}}">
               <!-- 等级价>0 -->
               <block wx:if="{{item[card_field]>0}}">
-                <view class="flex ai-center">
+                <view class="flex ai_and">
                   <view class="price">￥{{item[card_field]}}</view>
                   <view class="card_bg">
                     <image src="{{url}}/miniapp/images/plus/dj_icon.png"></image>
@@ -77,7 +77,7 @@
                   <view class="word-line xc-ash mk_price">￥{{item.market_price}}</view>
                 </view>
                 <view class="comment flex jc_sb">
-                  <view class="flex">
+                  <view class="flex ai_and">
                     <view class="">￥{{g_filter.get_card_price(item,card_list,0)}}</view>
                     <view class="card_bg">
                       <image src="{{url}}/miniapp/images/plus/dj_icon.png"></image>
diff --git a/pages/goods/search/search.wxss b/pages/goods/search/search.wxss
index 7cce065..9929a72 100644
--- a/pages/goods/search/search.wxss
+++ b/pages/goods/search/search.wxss
@@ -1,240 +1,267 @@
 .container {
-    color: #666;
+  color: #666;
 }
 
 .nav-item {
-    float: left;
-    width: 30%;
-    height: 90rpx;
-    line-height: 90rpx;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    font-size: 32rpx;
-    border-bottom: 1px solid #dfefef;
-    background-color: #fff;
+  float: left;
+  width: 30%;
+  height: 90rpx;
+  line-height: 90rpx;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 32rpx;
+  border-bottom: 1px solid #dfefef;
+  background-color: #fff;
 }
 
 .nav-item .ico-dg {
-    width: 18rpx;
-    height: 12rpx;
-    margin-left: 10rpx;
-    line-height: 0;
+  width: 18rpx;
+  height: 12rpx;
+  margin-left: 10rpx;
+  line-height: 0;
 }
 
 .nav-item .ico-filter {
-    width: 20rpx;
-    height: 20rpx;
-    margin-left: 10rpx;
-    line-height: 0;
+  width: 20rpx;
+  height: 20rpx;
+  margin-left: 10rpx;
+  line-height: 0;
 }
 
 .ico-dir {
-    width: 16rpx;
-    height: 22rpx;
-    margin-left: 10rpx;
-    background-repeat: no-repeat;
-    background-size: cover;
-    background-position-x: 0;
+  width: 16rpx;
+  height: 22rpx;
+  margin-left: 10rpx;
+  background-repeat: no-repeat;
+  background-size: cover;
+  background-position-x: 0;
 }
 
 .ico-dir-dn {
-    background-position-x: -16rpx;
+  background-position-x: -16rpx;
 }
 
 .ico-dir-up {
-    background-position-x: -32rpx;
+  background-position-x: -32rpx;
 }
 
 .nav-search {
-    width: 10%;
+  width: 10%;
 }
 
 .nav-item .search-img {
-    width: 30rpx;
-    height: 30rpx;
+  width: 30rpx;
+  height: 30rpx;
 }
 
 .choice_list {
-    background-color: #fff;
+  background-color: #fff;
 }
 
 .choice_item {
-    position: relative;
-    width: 100%;
-    min-height: 200rpx;
-    padding: 10rpx 0;
-    border-bottom: 1px solid #dfefef;
-    font-size: 30rpx;
+  position: relative;
+  width: 100%;
+  min-height: 200rpx;
+  padding: 10rpx 0;
+  border-bottom: 1px solid #dfefef;
+  font-size: 30rpx;
 }
 
 .img-wrap {
-    float: left;
-    width: 180rpx;
-    height: 180rpx;
-    padding: 0 10rpx 10rpx;
+  float: left;
+  width: 180rpx;
+  height: 180rpx;
+  padding: 0 10rpx 10rpx;
 }
 
 .img-wrap image {
-    width: 100%;
-    height: 100%;
+  width: 100%;
+  height: 100%;
 }
 
 .item-cont .title {
-    height: 72rpx;
-    margin: 16rpx 0;
-    padding-right: 10rpx;
-    line-height: 36rpx;
-    color: #333;
-    overflow: hidden;
+  height: 72rpx;
+  margin: 16rpx 0;
+  padding-right: 10rpx;
+  line-height: 36rpx;
+  color: #333;
+  overflow: hidden;
 }
 
 .price {
-    display: inline-block;
-    color: #f23030;
-    line-height: 24rpx; 
-    /* padding-bottom: 20rpx; */
+  display: inline-block;
+  color: #f23030;
+  line-height: 24rpx;
+  /* padding-bottom: 20rpx; */
 }
 
 .comment {
-    font-size: 25rpx;
-    padding-right:30rpx;
-    margin-top:4rpx  
-    
+  font-size: 25rpx;
+  padding-right: 30rpx;
+  margin-top: 4rpx;
 }
 
 .filter-modal {
-    position: fixed;
-    left: 150rpx;
-    top: 0;
-    right: 0;
-    bottom: 0;
-    z-index: 20;
-    background-color: white;
-    overflow-x: hidden;
-    padding-bottom: 30rpx;
+  position: fixed;
+  left: 150rpx;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  z-index: 20;
+  background-color: white;
+  overflow-x: hidden;
+  padding-bottom: 30rpx;
 }
 
 .filter-box {
-    box-sizing: border-box;
-    width: 100%;
-    font-size: 28rpx;
-    padding: 20rpx;
+  box-sizing: border-box;
+  width: 100%;
+  font-size: 28rpx;
+  padding: 20rpx;
 }
 
 .filter-name {
-    width: 100%;
-    padding: 20rpx 0;
-    word-break: keep-all;
-    white-space: nowrap;
-    text-overflow: ellipsis;
-    overflow: hidden;
-    font-size: 30rpx;
+  width: 100%;
+  padding: 20rpx 0;
+  word-break: keep-all;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  overflow: hidden;
+  font-size: 30rpx;
 }
 
 .filter-items {
-    width: 100%;
+  width: 100%;
 }
 
 .filter-item {
-    float: left;
-    width: fit-content;
-    max-width: 500rpx;
-    word-break: keep-all;
-    white-space: nowrap;
-    text-overflow: ellipsis;
-    overflow: hidden;
-    padding: 10rpx;
-    border-radius: 10rpx;
-    border: 1rpx #ddd solid;
-    margin: 0 10rpx 10rpx 0;
-    background-color: #fdfdfd;
-    color: #666;
+  float: left;
+  width: fit-content;
+  max-width: 500rpx;
+  word-break: keep-all;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  overflow: hidden;
+  padding: 10rpx;
+  border-radius: 10rpx;
+  border: 1rpx #ddd solid;
+  margin: 0 10rpx 10rpx 0;
+  background-color: #fdfdfd;
+  color: #666;
 }
 
 .viewall-btn {
-    margin-top: 20rpx;
-    width: 300rpx;
+  margin-top: 20rpx;
+  width: 300rpx;
 }
 
 .search-modal {
-    position: fixed;
-    top: 0;
-    right: 0;
-    left: 0;
-    bottom: 0;
-    z-index: 20;
-    background-color: white;
-    overflow-x: hidden;
-    padding: 80rpx 30rpx;
-    font-size: 30rpx;
-    color: #555555;
+  position: fixed;
+  top: 0;
+  right: 0;
+  left: 0;
+  bottom: 0;
+  z-index: 20;
+  background-color: white;
+  overflow-x: hidden;
+  padding: 80rpx 30rpx;
+  font-size: 30rpx;
+  color: #555;
 }
 
 .search-bar {
-    width: 100%;
-    box-sizing: border-box;
+  width: 100%;
+  box-sizing: border-box;
 }
 
 .search-input {
-    width: 80%;
-    float: left;
-    border: 1rpx solid #e0e0e0;
-    box-sizing: border-box;
-    height: 80rpx;
-    padding-left: 20rpx;
-    border-top-left-radius: 10rpx;
-    border-bottom-left-radius: 10rpx;
+  width: 80%;
+  float: left;
+  border: 1rpx solid #e0e0e0;
+  box-sizing: border-box;
+  height: 80rpx;
+  padding-left: 20rpx;
+  border-top-left-radius: 10rpx;
+  border-bottom-left-radius: 10rpx;
 }
 
 .search-btn {
-    width: 20%;
-    height: 80rpx;
-    background-color: #f23030;
-    display: inline-block;
-    text-align: center;
-    border-top-right-radius: 10rpx;
-    border-bottom-right-radius: 10rpx;
+  width: 20%;
+  height: 80rpx;
+  background-color: #f23030;
+  display: inline-block;
+  text-align: center;
+  border-top-right-radius: 10rpx;
+  border-bottom-right-radius: 10rpx;
 }
 
 .search-btn .search-img {
-    height: 45rpx;
-    width: 45rpx;
-    padding: 20rpx;
+  height: 45rpx;
+  width: 45rpx;
+  padding: 20rpx;
 }
 
 .search-hot {
-    margin-top: 40rpx;
+  margin-top: 40rpx;
 }
 
 .hot-title {
-    font-size: 35rpx;
-    color: black;
-    margin-bottom: 30rpx;
+  font-size: 35rpx;
+  color: black;
+  margin-bottom: 30rpx;
 }
 
 .hot-row {
-    display: flex;
-    /*--justify-content: space-between---*/
-    padding: 15rpx 10rpx;
+  display: flex;
+  /*--justify-content: space-between---*/
+  padding: 15rpx 10rpx;
 }
 
 .hot-item {
-    padding: 8rpx 8rpx;
-    border: 1rpx solid #e0e0e0;
-    border-radius: 10rpx;
-    font-size: 28rpx;
-    margin-left: 15rpx;
-}
-
-.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}
+  padding: 8rpx 8rpx;
+  border: 1rpx solid #e0e0e0;
+  border-radius: 10rpx;
+  font-size: 28rpx;
+  margin-left: 15rpx;
+}
+
+.card_bg {
+  display: flex;
+  max-width: 110rpx;
+  height: 25rpx;
+  align-items: center;
+  border-radius: 26rpx;
+  font-size: 19rpx;
+  padding: 2rpx 10rpx;
+  background: #333;
+  color: #fff;
+  justify-content: center;
+  margin-left: 8rpx;
+  margin-top: 7rpx;
+  line-height: 25rpx;
+  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;
+}
--
libgit2 0.21.4