四 小技巧(根据一些类型(1,2,3)(待付款,待收货,或者满架,优惠?)来加载不同的图片)

  • 首先,图片是在本地存的,(各种分辨率下的小图标)

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

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

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容