美文网首页
四 小技巧(根据一些类型(1,2,3)(待付款,待收货,或者满架

四 小技巧(根据一些类型(1,2,3)(待付款,待收货,或者满架

作者: 新林吃遍世界 | 来源:发表于2017-08-04 11:51 被阅读0次
    • 首先,图片是在本地存的,(各种分辨率下的小图标)

    有时,我们会有这样的需求,我们在做界面渲染时,通常对相同的块循环来生成,(比如:每个商品项,外卖app里面的menu,左右分栏那种)

    有时后台会根据商家录入的一些信息来显示他提供了那些服务(比如满减啊,平牌,公告啊之类的信息)(电商常见的优选啊,还有书城等等)都用到了这样的,就是通过接口给我们的类型字段(通常是数字),来加载本地的不同图片

    思路: 用css背景实现,我们定义一组class,每个class加载不同的图片;然后我们定义一个数组,通过不同的type指向什么什么class,然后根据js
    去动态的替换class
    var classMap = [ class1,class2,...........................]
    <span class="icon" :class="classMap[obj.type]"></span> 【注】:obj是后台返回的

    相关文章

      网友评论

          本文标题:四 小技巧(根据一些类型(1,2,3)(待付款,待收货,或者满架

          本文链接:https://www.haomeiwen.com/subject/bcdicxtx.html