-
首先,图片是在本地存的,(各种分辨率下的小图标)
有时,我们会有这样的需求,我们在做界面渲染时,通常对相同的块循环来生成,(比如:每个商品项,外卖app里面的menu,左右分栏那种)
有时后台会根据商家录入的一些信息来显示他提供了那些服务(比如满减啊,平牌,公告啊之类的信息)(电商常见的优选啊,还有书城等等)都用到了这样的,就是通过接口给我们的类型字段(通常是数字),来加载本地的不同图片
思路: 用css背景实现,我们定义一组class,每个class加载不同的图片;然后我们定义一个数组,通过不同的type指向什么什么class,然后根据js
去动态的替换class
var classMap = [ class1,class2,...........................]
<span class="icon" :class="classMap[obj.type]"></span> 【注】:obj是后台返回的