Commit 09e99c130ed84eff91efa14838397e4c86eef10b

Authored by taiyuan
2 parents 2955a937 e58833ba

富哥关于我的小店的提交

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,
... ... @@ -25,7 +28,15 @@ Page({
25 28 noMore: false, // 检测是否有更多数据,true为没有更多数据,false为还有数据
26 29 pageNum: 1, // 当前页数
27 30  
  31 +
  32 + rank_switch: false,
  33 + card_field: "",
  34 + card_name: "",
  35 + max_card_field: "",
  36 + card_list: null
  37 +
28 38 isAll: true,
  39 +
29 40 },
30 41  
31 42 /**
... ... @@ -36,7 +47,7 @@ Page({
36 47 app.isLogin().then(function(data) {//进入页面前已经授权登录成功
37 48 self.setData({
38 49 userInfo: data,
39   - });
  50 + });
40 51 });
41 52  
42 53 //从别人的分享的跳转过来
... ... @@ -187,7 +198,58 @@ Page({
187 198 };
188 199 });
189 200 }
190   -
  201 + var th=this;
  202 + //更新一下会员的信息
  203 + if(getApp().globalData.user_id) {
  204 + if(!getApp().globalData.userInfo['is_distribut']){
  205 + th.setData({ishidden_comise:1})
  206 + }
  207 + getApp().request.get("/api/weshop/users/get/" + os.stoid + "/" + getApp().globalData.user_id, {
  208 + isShowLoading:false,
  209 + success: function (e) {
  210 + getApp().globalData.userInfo = e.data.data;
  211 + getApp().getConfig2(function (e) {
  212 + var swithc_list = e.switch_list;
  213 + var sw_arr = JSON.parse(swithc_list);
  214 + //---如果后台有开等级卡的开关---
  215 + if (sw_arr.rank_switch && sw_arr.rank_switch == "2") {
  216 + th.setData({
  217 + rank_switch: true
  218 + });
  219 + //---回调卡的列表---
  220 + th.getPlusCardType(function (ob) {
  221 + th.setData({
  222 + card_list: ob.card_list
  223 + });
  224 + var ti = setInterval(function () {
  225 + var user = getApp().globalData.userInfo;
  226 + if (!user) return false;
  227 + clearInterval(ti);
  228 + if (user.card_field && user['card_expiredate']) {
  229 + var str = user['card_expiredate'].replace(/-/g, '/');
  230 + var end = new Date(str);
  231 + end = Date.parse(end) / 1000;
  232 + var now = ut.gettimestamp();
  233 + //--- 判断是等级会员,且在有效期范围内 ---
  234 + if (user.card_field && now < end) {
  235 + var card_name = ob.name_map.get(user.card_field);
  236 + if (card_name.length > 4) card_name = card_name.substring(0, 8);
  237 + th.setData({
  238 + card_field: user.card_field,
  239 + card_name: card_name,
  240 + card_list: ob.card_list
  241 + });
  242 + }
  243 + }
  244 + }, 500)
  245 + })
  246 + }
  247 + })
  248 + }
  249 + })
  250 + }
  251 +
  252 +
191 253 },
192 254  
193 255 /**
... ... @@ -543,6 +605,49 @@ Page({
543 605 app.goto(url);
544 606 },
545 607  
  608 +
  609 + //--- 获取卡类列表 ---
  610 + getPlusCardType: function (func) {
  611 + var storid = os.stoid;
  612 + var th = this;
  613 + getApp().request.promiseGet("/api/weshop/plus/vip/mem/bership/list?" + "storeId=" + storid,
  614 + {}).then(res => {
  615 +
  616 + if(res.data.code!=0 || !res.data.data){
  617 + var ob = {
  618 + "card_list": [],
  619 + "name_map": ""
  620 + };
  621 + func(ob);
  622 + return false;
  623 + }
  624 +
  625 + var plusCard = res.data.data;
  626 + var arr = [1219, 2089, 3031];
  627 + var new_arr = new Array();
  628 + var card_name_map = new Map();
  629 +
  630 + var user = getApp().globalData.userInfo;
  631 + if(plusCard) {
  632 + for (var i = 0; i < plusCard.length; i++) {
  633 + if ((!user || user.card_field == null || user.card_field == "") && (plusCard[i].IsStopBuy == true)) {
  634 + continue;
  635 + }
  636 + var name = "card" + plusCard[i].CorrPrice.toLowerCase();
  637 + card_name_map.set(name, plusCard[i].CardName);
  638 + new_arr.push(plusCard[i]);
  639 +
  640 + }
  641 + }
  642 + var ob = {
  643 + "card_list": new_arr,
  644 + "name_map": card_name_map
  645 + };
  646 + func(ob);
  647 + })
  648 + },
  649 +
  650 +
546 651 /**
547 652 * 点击全部
548 653 */
... ... @@ -591,4 +696,5 @@ Page({
591 696 },
592 697  
593 698  
  699 +
594 700 })
595 701 \ 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 }
... ... @@ -395,6 +389,225 @@ checkbox .wx-checkbox-input.wx-checkbox-input-checked::before {
395 389 }
396 390  
397 391  
  392 +.collects {
  393 + margin-top: 40rpx;
  394 + margin-bottom: 40rpx;
  395 +}
  396 +
  397 +.ai-center{
  398 + align-items: center;
  399 +}
  400 +
  401 +.ib {
  402 + display: inline-block;
  403 +}
  404 +
  405 +.fs20 {
  406 + font-size: 20rpx;
  407 +}
  408 +
  409 +.fs22 {
  410 + font-size: 22rpx;
  411 +}
  412 +
  413 +.fs24 {
  414 + font-size: 24rpx;
  415 +}
  416 +
  417 +.fs26 {
  418 + font-size: 26rpx;
  419 +}
  420 +
  421 +.fs28 {
  422 + font-size: 28rpx;
  423 +}
  424 +
  425 +.fs35 {
  426 + font-size: 35rpx; position: relative;top:5rpx
  427 +}
  428 +
  429 +.flex-center {
  430 + display: flex;
  431 + justify-content: center;
  432 + align-items: center;
  433 +}
  434 +
  435 +.ellipsis-1 {
  436 + overflow: hidden;
  437 + white-space: nowrap;
  438 + text-overflow: ellipsis;
  439 +}
  440 +
  441 +/* .ellipsis-1x {
  442 + overflow: hidden;
  443 + text-overflow: ellipsis;
  444 + display: -webkit-box;
  445 + -webkit-box-orient: vertical;
  446 + -webkit-line-clamp: 1;
  447 +} */
  448 +
  449 +.xc-wc {
  450 + color: #d60021;
  451 +}
  452 +
  453 +.xc-ash {
  454 + color: #b9b9b9;
  455 +}
  456 +
  457 +.choice_box .choice_list .choice_footer .price {
  458 + color: #f23030;
  459 + height: 10px;
  460 +}
  461 +
  462 +.flex {
  463 + display: flex;
  464 +}
  465 +
  466 +.ellipsis-2 {
  467 + overflow: hidden;
  468 + text-overflow: ellipsis;
  469 + display: -webkit-box;
  470 + -webkit-box-orient: vertical;
  471 + -webkit-line-clamp: 2;
  472 +}
  473 +
  474 +.goods_name {
  475 + height: 62rpx;
  476 + margin-top: 6rpx;
  477 + line-height: 30rpx;
  478 +}
  479 +
  480 +.hang {
  481 + width: 100%;
  482 + margin: auto;
  483 + padding-left: 21rpx;
  484 +}
  485 +
  486 +.hang .collect {
  487 + width: 347rpx;
  488 + height: 520rpx;
  489 + border-radius: 25rpx;
  490 + border: 1rpx solid rgb(214, 214, 214);
  491 + overflow: hidden;
  492 + margin-right: 14rpx;
  493 + margin-bottom: 5rpx;
  494 +}
  495 +
  496 +.collect .bottom {
  497 + padding: 0rpx 20rpx;
  498 +}
  499 +
  500 +.collect .sp {
  501 + width: 100%;
  502 + height: 326rpx;
  503 +}
  504 +
  505 +.collect .money {
  506 + margin-top: 28rpx;
  507 + margin-bottom: 8rpx;
  508 + line-height: 28rpx;
  509 + align-items: baseline;
  510 +}
  511 +
  512 +.collect .money view {
  513 + line-height: 28rpx;
  514 +}
  515 +
  516 +.collect .money .flex {
  517 + font-weight: bold;
  518 +}
  519 +
  520 +.collect .money .flex .fs24 {
  521 + padding-top: 5rpx;
  522 +}
  523 +
  524 +.collect .Discount {
  525 + width: 156rpx;
  526 + height: 28rpx;
  527 + border-radius: 20rpx;
  528 + background-color: rgb(56, 56, 56);
  529 + font-size: 18rpx;
  530 + color: rgb(255, 255, 255);
  531 +}
  532 +
  533 +.collect .Discount image {
  534 + height: 18rpx;
  535 + width: 18rpx;
  536 + line-height: 28rpx;
  537 + margin-right: 3rpx;
  538 +}
  539 +
  540 +.collect.ml20 {
  541 + margin-left: 13rpx;
  542 +}
  543 +
  544 +.fs24.dollar {
  545 + padding: 0rpx;
  546 +}
  547 +
  548 +.money .price {
  549 + margin-left: 12rpx;
  550 + text-decoration: line-through;
  551 + line-height: 23rpx;
  552 +}
  553 +
  554 +.province {
  555 + line-height: 26rpx;
  556 +}
  557 +
  558 +.nothing {
  559 + height: 75rpx;
  560 + width: 100%;
  561 +}
  562 +
  563 +.nothing .no_content {
  564 + margin: 0rpx 11rpx;
  565 + color: rgb(138, 138, 138);
  566 +}
  567 +
  568 +.nothing .Foil {
  569 + width: 80rpx;
  570 + height: 2rpx;
  571 + background-color: rgb(138, 138, 138);
  572 +}
  573 +
  574 +.line_th {
  575 + text-decoration: line-through;
  576 +}
  577 +
  578 +.card_bg {
  579 + box-sizing: border-box;
  580 + padding: 2rpx 10rpx;
  581 + height: 28rpx;
  582 + border-radius: 26rpx;
  583 + font-size: 18rpx;
  584 + line-height: 28rpx;
  585 + max-width: 210rpx;
  586 + background: #333;
  587 + color: #fff;
  588 + margin-left: 8rpx;
  589 + display: flex;
  590 + align-items: center;
  591 + position: relative;
  592 + top: -4rpx;
  593 +}
  594 +
  595 +.card_bg image {
  596 + width: 19rpx;
  597 + height: 19rpx;
  598 + margin-right: 8rpx;
  599 +}
  600 +
  601 +/* .card_bg .card_name {
  602 + max-width: 76rpx;
  603 + width: auto;
  604 + overflow: hidden;
  605 + white-space: nowrap;
  606 +} */
  607 +
  608 +
  609 +
  610 +
398 611  
399 612  
400 613  
... ...