Commit d9d162e4bfc03ff2828ec79cf221c2e75d8a19dd

Authored by yvan.ni
1 parent 78e3875d

我的小店

packageA/pages/distribution/shop/shop.js
1 1 // packageA//pages/distribution/commision/commision.js
2 2 const app = getApp();
3 3 let self = null;
4   -var os = app.globalData.setting;
  4 +var os = app.globalData.setting,
  5 + ut= require("../../../../utils/util.js");
  6 +
5 7  
6 8 Page({
7 9  
... ... @@ -14,6 +16,7 @@ Page({
14 16 isSort: false,//控制排序开关状态,true开启排序
15 17 isDescending: false, //isDescending降序,ascending升序
16 18 imghost: '',
  19 + url: os.imghost,
17 20  
18 21 tabArr: ['最新','销量','评论','价格'],
19 22 currentTabIndex: 0,
... ... @@ -24,6 +27,12 @@ Page({
24 27 isLoading: false, // 检测是否已经发送请求,防止重复发送请求
25 28 noMore: false, // 检测是否有更多数据,true为没有更多数据,false为还有数据
26 29 pageNum: 1, // 当前页数
  30 +
  31 + rank_switch: false,
  32 + card_field: "",
  33 + card_name: "",
  34 + max_card_field: "",
  35 + card_list: null
27 36 },
28 37  
29 38 /**
... ... @@ -34,7 +43,7 @@ Page({
34 43 app.isLogin().then(function(data) {//进入页面前已经授权登录成功
35 44 self.setData({
36 45 userInfo: data,
37   - });
  46 + });
38 47 });
39 48  
40 49 //从别人的分享的跳转过来
... ... @@ -177,7 +186,58 @@ Page({
177 186 };
178 187 });
179 188 }
180   -
  189 + var th=this;
  190 + //更新一下会员的信息
  191 + if(getApp().globalData.user_id) {
  192 + if(!getApp().globalData.userInfo['is_distribut']){
  193 + th.setData({ishidden_comise:1})
  194 + }
  195 + getApp().request.get("/api/weshop/users/get/" + os.stoid + "/" + getApp().globalData.user_id, {
  196 + isShowLoading:false,
  197 + success: function (e) {
  198 + getApp().globalData.userInfo = e.data.data;
  199 + getApp().getConfig2(function (e) {
  200 + var swithc_list = e.switch_list;
  201 + var sw_arr = JSON.parse(swithc_list);
  202 + //---如果后台有开等级卡的开关---
  203 + if (sw_arr.rank_switch && sw_arr.rank_switch == "2") {
  204 + th.setData({
  205 + rank_switch: true
  206 + });
  207 + //---回调卡的列表---
  208 + th.getPlusCardType(function (ob) {
  209 + th.setData({
  210 + card_list: ob.card_list
  211 + });
  212 + var ti = setInterval(function () {
  213 + var user = getApp().globalData.userInfo;
  214 + if (!user) return false;
  215 + clearInterval(ti);
  216 + if (user.card_field && user['card_expiredate']) {
  217 + var str = user['card_expiredate'].replace(/-/g, '/');
  218 + var end = new Date(str);
  219 + end = Date.parse(end) / 1000;
  220 + var now = ut.gettimestamp();
  221 + //--- 判断是等级会员,且在有效期范围内 ---
  222 + if (user.card_field && now < end) {
  223 + var card_name = ob.name_map.get(user.card_field);
  224 + if (card_name.length > 4) card_name = card_name.substring(0, 8);
  225 + th.setData({
  226 + card_field: user.card_field,
  227 + card_name: card_name,
  228 + card_list: ob.card_list
  229 + });
  230 + }
  231 + }
  232 + }, 500)
  233 + })
  234 + }
  235 + })
  236 + }
  237 + })
  238 + }
  239 +
  240 +
181 241 },
182 242  
183 243 /**
... ... @@ -527,4 +587,46 @@ Page({
527 587 console.log(url);
528 588 app.goto(url);
529 589 },
  590 +
  591 + //--- 获取卡类列表 ---
  592 + getPlusCardType: function (func) {
  593 + var storid = os.stoid;
  594 + var th = this;
  595 + getApp().request.promiseGet("/api/weshop/plus/vip/mem/bership/list?" + "storeId=" + storid,
  596 + {}).then(res => {
  597 +
  598 + if(res.data.code!=0 || !res.data.data){
  599 + var ob = {
  600 + "card_list": [],
  601 + "name_map": ""
  602 + };
  603 + func(ob);
  604 + return false;
  605 + }
  606 +
  607 + var plusCard = res.data.data;
  608 + var arr = [1219, 2089, 3031];
  609 + var new_arr = new Array();
  610 + var card_name_map = new Map();
  611 +
  612 + var user = getApp().globalData.userInfo;
  613 + if(plusCard) {
  614 + for (var i = 0; i < plusCard.length; i++) {
  615 + if ((!user || user.card_field == null || user.card_field == "") && (plusCard[i].IsStopBuy == true)) {
  616 + continue;
  617 + }
  618 + var name = "card" + plusCard[i].CorrPrice.toLowerCase();
  619 + card_name_map.set(name, plusCard[i].CardName);
  620 + new_arr.push(plusCard[i]);
  621 +
  622 + }
  623 + }
  624 + var ob = {
  625 + "card_list": new_arr,
  626 + "name_map": card_name_map
  627 + };
  628 + func(ob);
  629 + })
  630 + },
  631 +
530 632 })
531 633 \ No newline at end of file
... ...
packageA/pages/distribution/shop/shop.wxml
1 1 <wxs src="../../../../utils/filter.wxs" module="filter"></wxs>
  2 +<wxs module="g_filter" src="g_filter.wxs"></wxs>
2 3 <view>
3 4 <view class="head pr">
4 5 <view class="bdb">
... ... @@ -69,16 +70,136 @@
69 70 <view class="img-container pdr20" data-txt="已售:{{item.sales_sum}}"><image class="img" src="{{imghost + item.original_img}}" lazy-load mode="aspectFit"/></view>
70 71 <view class="flex fdc jc_sb">
71 72 <view class="ellipsis-2">{{item.goods_name}}</view>
72   - <view>
73   - <view>
74   - <text class="money c-red fs32 pdr10">1.00</text>
75   - <text class="money c-c7 line-del fs20">6.00</text>
76   - </view>
77   - <view class="github-badge">
78   - <text class="badge-subject money">0.90</text><view class="badge-value flex ai-center"><text class="iconfont icon-badge"></text>VIP超级会员</view>
79   - </view>
80   - <view class="fs24 c-a">分成金额:<text class="money c-red">1.00</text></view>
81   - </view>
  73 +
  74 + <!-- 判断是否有活动价 -->
  75 + <block wx:if="{{item.prom_price>0 || item.prom_integral>0}}">
  76 + <view class="money flex xc-wc" >
  77 + <text wx:if="{{item.prom_integral}}"><text class="fs35" style="font-weight: bold;">{{item.prom_integral}}</text>积分</text>
  78 + <text wx:if="{{item.prom_integral && item.prom_price}}">+</text>
  79 + <!-- 活动价 -->
  80 + <view class="flex xc-wc ai_and" wx:if="{{item.prom_price}}">
  81 + <view class="fs24">¥</view>
  82 + <view class="fs35">{{item.prom_price}}</view>
  83 + </view>
  84 + </view>
  85 + <view class="flex" style="line-height: 28rpx;">
  86 + <!-- 原价 -->
  87 + <view class="price flex xc-ash line_th">
  88 + <view class="fs22">¥</view>
  89 + <view class="fs22">{{item.market_price}}</view>
  90 + </view>
  91 + </view>
  92 + </block>
  93 + <block wx:else>
  94 + <!-- 商品价格,先判断下是后⼜等级价-->
  95 + <block wx:if="{{g_filter.is_has_rank(rank_switch,item)}}">
  96 + <!-- 当会员是等级卡的时候 -->
  97 + <block wx:if="{{card_field}}">
  98 + <!-- 等级价>0 -->
  99 + <block wx:if="{{item[card_field]>0}}">
  100 + <view class="money flex">
  101 + <!-- 办卡价 -->
  102 + <view class="flex xc-wc ai_and">
  103 + <view class="fs24">¥</view>
  104 + <view class="fs35">{{filter.toFix(item[card_field],2)}}</view>
  105 + <view class="card_bg ellipsis-1">
  106 + <image src="{{url}}/miniapp/images/plus/dj_icon.png"></image>
  107 + <text class="card_name">{{card_name}}</text>
  108 + </view>
  109 + </view>
  110 + </view>
  111 + <view class="flex" style="line-height: 28rpx;">
  112 + <!-- 原价 -->
  113 + <view class="price flex xc-ash line_th">
  114 + <view class="fs22">¥</view>
  115 + <view class="fs22">{{item.market_price}}</view>
  116 + </view>
  117 + </view>
  118 + </block>
  119 + <blocK wx:else>
  120 + <view class="money flex">
  121 + <!-- 办卡价 -->
  122 + <view class="flex xc-wc">
  123 + <view class="fs24">¥</view>
  124 + <view class="fs35">{{filter.toFix(item.shop_price,2)}}</view>
  125 + </view>
  126 + </view>
  127 + <view class="flex" style="line-height: 28rpx;">
  128 + <!-- 原价 -->
  129 + <view class="price flex xc-ash line_th">
  130 + <view class="fs22">¥</view>
  131 + <view class="fs22">{{item.market_price}}</view>
  132 + </view>
  133 + </view>
  134 + </blocK>
  135 + </block>
  136 + <block wx:else>
  137 + <!-- 如果商品有设置等级价⼤于0的 -->
  138 + <block wx:if="{{g_filter.get_card_price(item,card_list,0)}}">
  139 + <view class="money flex">
  140 + <!-- 办卡价 -->
  141 + <view class="flex xc-wc">
  142 + <view class="fs24">¥</view>
  143 + <view class="fs35">{{filter.toFix(item.shop_price,2)}}</view>
  144 + </view>
  145 + <!-- 原价 -->
  146 + <view class="price flex xc-ash line_th">
  147 + <view class="fs22">¥</view>
  148 + <view class="fs22">{{item.market_price}}</view>
  149 + </view>
  150 + </view>
  151 + <view class="flexr" style="">
  152 + <!-- 等级价 -->
  153 + <view class="price flex ai-center">
  154 + <view class="fs22">¥</view>
  155 + <view class="fs28">{{filter.toFix(g_filter.get_card_price(item,card_list,0),2)}}</view>
  156 + <view class="card_bg ellipsis-1">
  157 + <image src="{{url}}/miniapp/images/plus/dj_icon.png"></ image>
  158 + <text class="card_name">{{g_filter.get_card_price(item,card_list,1)}}</text>
  159 + </view>
  160 + </view>
  161 + </view>
  162 + </block>
  163 + <block wx:else>
  164 + <view class="money flex">
  165 + <!-- 办卡价 -->
  166 + <view class="flex xc-wc">
  167 + <view class="fs24">¥</view>
  168 + <view class="fs35">{{filter.toFix(item.shop_price,2)}}</view>
  169 + </view>
  170 + </view>
  171 + <view class="flex" style="line-height: 28rpx;">
  172 + <!-- 原价 -->
  173 + <view class="price flex xc-ash line_th">
  174 + <view class="fs22">¥</view>
  175 + <view class="fs22">{{item.market_price}}</view>
  176 + </view>
  177 + </view>
  178 + </block>
  179 + </block>
  180 + </block>
  181 + <!-- 商品压根就没有等级价 -->
  182 + <block wx:else>
  183 + <view class="money flex">
  184 + <!-- 办卡价 -->
  185 + <view class="flex xc-wc">
  186 + <view class="fs24">¥</view>
  187 + <view class="fs35">{{filter.toFix(item.shop_price,2)}}</view>
  188 + </view>
  189 + </view>
  190 + <view class="flex" style="line-height: 28rpx;">
  191 + <!-- 原价 -->
  192 + <view class="price flex xc-ash line_th">
  193 + <view class="fs22">¥</view>
  194 + <view class="fs22">{{item.market_price}}</view>
  195 + </view>
  196 + </view>
  197 + </block>
  198 + </block>
  199 + <!-- 分层金额 -->
  200 + <view hidden="{{ishidden_comise}}" class="fs24 c-a">分成金额:<text class="money c-red">{{item.fcommission}}</text></view>
  201 +
  202 +
82 203 </view>
83 204 </view>
84 205 </view>
... ... @@ -91,18 +212,133 @@
91 212 <view class="img-container" data-txt="已售:{{item.sales_sum}}"><image class="img2" src="{{imghost + item.original_img}}" mode="aspectFit" lazy-load/></view>
92 213 <view class="pd20 fs26">
93 214 <view class="ellipsis-2">{{item.goods_name}}</view>
94   - <view class="pdt20">
95   - <view class="">
96   - <view>
97   - <text class="money c-red fs32 pdr10">1.00</text>
98   - <text class="money c-c7 line-del fs20">6.00</text>
99   - </view>
100   - <view class="github-badge">
101   - <text class="badge-subject money">0.90</text><view class="badge-value flex ai-center"><text class="iconfont icon-badge"></text>VIP超级会员</view>
102   - </view>
103   - <view class="c-a fs24">分成金额:<text class="money c-red">1.00</text></view>
104   - </view>
105   - </view>
  215 + <!-- 判断是否有活动价 -->
  216 + <block wx:if="{{item.prom_price>0 || item.prom_integral>0}}">
  217 + <view class="money flex xc-wc" >
  218 + <text wx:if="{{item.prom_integral}}"><text class="fs35" style="font-weight: bold;">{{item.prom_integral}}</text>积分</text>
  219 + <text wx:if="{{item.prom_integral && item.prom_price}}">+</text>
  220 + <!-- 活动价 -->
  221 + <view class="flex xc-wc" wx:if="{{item.prom_price}}">
  222 + <view class="fs24">¥</view>
  223 + <view class="fs35">{{item.prom_price}}</view>
  224 + </view>
  225 + </view>
  226 + <view class="flex" style="line-height: 28rpx;">
  227 + <!-- 原价 -->
  228 + <view class="price flex xc-ash line_th">
  229 + <view class="fs22">¥</view>
  230 + <view class="fs22">{{item.market_price}}</view>
  231 + </view>
  232 + </view>
  233 + </block>
  234 + <block wx:else>
  235 + <!-- 商品价格,先判断下是后⼜等级价-->
  236 + <block wx:if="{{g_filter.is_has_rank(rank_switch,item)}}">
  237 + <!-- 当会员是等级卡的时候 -->
  238 + <block wx:if="{{card_field}}">
  239 + <!-- 等级价>0 -->
  240 + <block wx:if="{{item[card_field]>0}}">
  241 + <view class="money flex">
  242 + <!-- 办卡价 -->
  243 + <view class="flex xc-wc ai_and">
  244 + <view class="fs24">¥</view>
  245 + <view class="fs35">{{filter.toFix(item[card_field],2)}}</view>
  246 + <view class="card_bg ellipsis-1">
  247 + <image src="{{url}}/miniapp/images/plus/dj_icon.png"></image>
  248 + <text class="card_name">{{card_name}}</text>
  249 + </view>
  250 + </view>
  251 + </view>
  252 + <view class="flex" style="line-height: 28rpx;">
  253 + <!-- 原价 -->
  254 + <view class="price flex xc-ash line_th">
  255 + <view class="fs22">¥</view>
  256 + <view class="fs22">{{item.market_price}}</view>
  257 + </view>
  258 + </view>
  259 + </block>
  260 + <blocK wx:else>
  261 + <view class="money flex">
  262 + <!-- 办卡价 -->
  263 + <view class="flex xc-wc ai_and">
  264 + <view class="fs24">¥</view>
  265 + <view class="fs35">{{filter.toFix(item.shop_price,2)}}</view>
  266 + </view>
  267 + </view>
  268 + <view class="flex" style="line-height: 28rpx;">
  269 + <!-- 原价 -->
  270 + <view class="price flex xc-ash line_th">
  271 + <view class="fs22">¥</view>
  272 + <view class="fs22">{{item.market_price}}</view>
  273 + </view>
  274 + </view>
  275 + </blocK>
  276 + </block>
  277 + <block wx:else>
  278 + <!-- 如果商品有设置等级价⼤于0的 -->
  279 + <block wx:if="{{g_filter.get_card_price(item,card_list,0)}}">
  280 + <view class="money flex">
  281 + <!-- 办卡价 -->
  282 + <view class="flex xc-wc ai_and">
  283 + <view class="fs24">¥</view>
  284 + <view class="fs35">{{filter.toFix(item.shop_price,2)}}</view>
  285 + </view>
  286 + <!-- 原价 -->
  287 + <view class="price flex xc-ash line_th">
  288 + <view class="fs22">¥</view>
  289 + <view class="fs22">{{item.market_price}}</view>
  290 + </view>
  291 + </view>
  292 + <view class="flexr" style="">
  293 + <!-- 等级价 -->
  294 + <view class="price flex ai-center">
  295 + <view class="fs22">¥</view>
  296 + <view class="fs28">{{filter.toFix(g_filter.get_card_price(item,card_list,0),2)}}</view>
  297 + <view class="card_bg ellipsis-1">
  298 + <image src="{{url}}/miniapp/images/plus/dj_icon.png"></ image>
  299 + <text class="card_name">{{g_filter.get_card_price(item,card_list,1)}}</text>
  300 + </view>
  301 + </view>
  302 + </view>
  303 + </block>
  304 + <block wx:else>
  305 + <view class="money flex">
  306 + <!-- 办卡价 -->
  307 + <view class="flex xc-wc ai_and">
  308 + <view class="fs24">¥</view>
  309 + <view class="fs35">{{filter.toFix(item.shop_price,2)}}</view>
  310 + </view>
  311 + </view>
  312 + <view class="flex" style="line-height: 28rpx;">
  313 + <!-- 原价 -->
  314 + <view class="price flex xc-ash line_th">
  315 + <view class="fs22">¥</view>
  316 + <view class="fs22">{{item.market_price}}</view>
  317 + </view>
  318 + </view>
  319 + </block>
  320 + </block>
  321 + </block>
  322 + <!-- 商品压根就没有等级价 -->
  323 + <block wx:else>
  324 + <view class="money flex">
  325 + <!-- 办卡价 -->
  326 + <view class="flex xc-wc ai_and">
  327 + <view class="fs24">¥</view>
  328 + <view class="fs35">{{filter.toFix(item.shop_price,2)}}</view>
  329 + </view>
  330 + </view>
  331 + <view class="flex" style="line-height: 28rpx;">
  332 + <!-- 原价 -->
  333 + <view class="price flex xc-ash line_th">
  334 + <view class="fs22">¥</view>
  335 + <view class="fs22">{{item.market_price}}</view>
  336 + </view>
  337 + </view>
  338 + </block>
  339 + </block>
  340 + <!-- 分层金额 -->
  341 + <view class="fs24 c-a">分成金额:<text class="money c-red">1.00</text></view>
106 342 </view>
107 343 </view>
108 344 </view>
... ...
packageA/pages/distribution/shop/shop.wxss
... ... @@ -104,12 +104,6 @@ page {
104 104 /* word-break: break-all;
105 105 word-wrap: break-word; */
106 106 }
107   -
108   -.money::before {
109   - content: '¥';
110   - font-size: 22rpx;
111   -}
112   -
113 107 .md {
114 108 position: relative;
115 109 }
... ... @@ -391,6 +385,225 @@ checkbox .wx-checkbox-input.wx-checkbox-input-checked::before {
391 385 }
392 386  
393 387  
  388 +.collects {
  389 + margin-top: 40rpx;
  390 + margin-bottom: 40rpx;
  391 +}
  392 +
  393 +.ai-center{
  394 + align-items: center;
  395 +}
  396 +
  397 +.ib {
  398 + display: inline-block;
  399 +}
  400 +
  401 +.fs20 {
  402 + font-size: 20rpx;
  403 +}
  404 +
  405 +.fs22 {
  406 + font-size: 22rpx;
  407 +}
  408 +
  409 +.fs24 {
  410 + font-size: 24rpx;
  411 +}
  412 +
  413 +.fs26 {
  414 + font-size: 26rpx;
  415 +}
  416 +
  417 +.fs28 {
  418 + font-size: 28rpx;
  419 +}
  420 +
  421 +.fs35 {
  422 + font-size: 35rpx; position: relative;top:5rpx
  423 +}
  424 +
  425 +.flex-center {
  426 + display: flex;
  427 + justify-content: center;
  428 + align-items: center;
  429 +}
  430 +
  431 +.ellipsis-1 {
  432 + overflow: hidden;
  433 + white-space: nowrap;
  434 + text-overflow: ellipsis;
  435 +}
  436 +
  437 +/* .ellipsis-1x {
  438 + overflow: hidden;
  439 + text-overflow: ellipsis;
  440 + display: -webkit-box;
  441 + -webkit-box-orient: vertical;
  442 + -webkit-line-clamp: 1;
  443 +} */
  444 +
  445 +.xc-wc {
  446 + color: #d60021;
  447 +}
  448 +
  449 +.xc-ash {
  450 + color: #b9b9b9;
  451 +}
  452 +
  453 +.choice_box .choice_list .choice_footer .price {
  454 + color: #f23030;
  455 + height: 10px;
  456 +}
  457 +
  458 +.flex {
  459 + display: flex;
  460 +}
  461 +
  462 +.ellipsis-2 {
  463 + overflow: hidden;
  464 + text-overflow: ellipsis;
  465 + display: -webkit-box;
  466 + -webkit-box-orient: vertical;
  467 + -webkit-line-clamp: 2;
  468 +}
  469 +
  470 +.goods_name {
  471 + height: 62rpx;
  472 + margin-top: 6rpx;
  473 + line-height: 30rpx;
  474 +}
  475 +
  476 +.hang {
  477 + width: 100%;
  478 + margin: auto;
  479 + padding-left: 21rpx;
  480 +}
  481 +
  482 +.hang .collect {
  483 + width: 347rpx;
  484 + height: 520rpx;
  485 + border-radius: 25rpx;
  486 + border: 1rpx solid rgb(214, 214, 214);
  487 + overflow: hidden;
  488 + margin-right: 14rpx;
  489 + margin-bottom: 5rpx;
  490 +}
  491 +
  492 +.collect .bottom {
  493 + padding: 0rpx 20rpx;
  494 +}
  495 +
  496 +.collect .sp {
  497 + width: 100%;
  498 + height: 326rpx;
  499 +}
  500 +
  501 +.collect .money {
  502 + margin-top: 28rpx;
  503 + margin-bottom: 8rpx;
  504 + line-height: 28rpx;
  505 + align-items: baseline;
  506 +}
  507 +
  508 +.collect .money view {
  509 + line-height: 28rpx;
  510 +}
  511 +
  512 +.collect .money .flex {
  513 + font-weight: bold;
  514 +}
  515 +
  516 +.collect .money .flex .fs24 {
  517 + padding-top: 5rpx;
  518 +}
  519 +
  520 +.collect .Discount {
  521 + width: 156rpx;
  522 + height: 28rpx;
  523 + border-radius: 20rpx;
  524 + background-color: rgb(56, 56, 56);
  525 + font-size: 18rpx;
  526 + color: rgb(255, 255, 255);
  527 +}
  528 +
  529 +.collect .Discount image {
  530 + height: 18rpx;
  531 + width: 18rpx;
  532 + line-height: 28rpx;
  533 + margin-right: 3rpx;
  534 +}
  535 +
  536 +.collect.ml20 {
  537 + margin-left: 13rpx;
  538 +}
  539 +
  540 +.fs24.dollar {
  541 + padding: 0rpx;
  542 +}
  543 +
  544 +.money .price {
  545 + margin-left: 12rpx;
  546 + text-decoration: line-through;
  547 + line-height: 23rpx;
  548 +}
  549 +
  550 +.province {
  551 + line-height: 26rpx;
  552 +}
  553 +
  554 +.nothing {
  555 + height: 75rpx;
  556 + width: 100%;
  557 +}
  558 +
  559 +.nothing .no_content {
  560 + margin: 0rpx 11rpx;
  561 + color: rgb(138, 138, 138);
  562 +}
  563 +
  564 +.nothing .Foil {
  565 + width: 80rpx;
  566 + height: 2rpx;
  567 + background-color: rgb(138, 138, 138);
  568 +}
  569 +
  570 +.line_th {
  571 + text-decoration: line-through;
  572 +}
  573 +
  574 +.card_bg {
  575 + box-sizing: border-box;
  576 + padding: 2rpx 10rpx;
  577 + height: 28rpx;
  578 + border-radius: 26rpx;
  579 + font-size: 18rpx;
  580 + line-height: 28rpx;
  581 + max-width: 210rpx;
  582 + background: #333;
  583 + color: #fff;
  584 + margin-left: 8rpx;
  585 + display: flex;
  586 + align-items: center;
  587 + position: relative;
  588 + top: -4rpx;
  589 +}
  590 +
  591 +.card_bg image {
  592 + width: 19rpx;
  593 + height: 19rpx;
  594 + margin-right: 8rpx;
  595 +}
  596 +
  597 +/* .card_bg .card_name {
  598 + max-width: 76rpx;
  599 + width: auto;
  600 + overflow: hidden;
  601 + white-space: nowrap;
  602 +} */
  603 +
  604 +
  605 +
  606 +
394 607  
395 608  
396 609  
... ...