在Vue中span标签的背景图是根据后台返囙的数据动态显示的图片如下图中的的红圈是根据后台返回的数据动态显示的图片，对应的HTML是.icon元素

实现元素的背景图的动态显示的具体操作如下

1）根据后台返回的数据在该组件的.vue文件中的<script>中的输出对象中使用生命周期钩子created()，在里面定义mapClass数组对象里面元素的值一一对应後台返回的数据，例如后台返回的数据如下所示：

"bulletin": "粥品香坊其烹饪粥料的秘方源于中国千年古法在融和现代制作工艺，由世界烹饪大师屈浩先生领衔研发坚守纯天然、0添加的良心品质深得消费者青睐，发展至今成为粥类的引领品牌是2008年奥运会和2013年园博会指定餐饮服务商。",

props:{ //子组件通过props属性获取父组件传递过来的数据

2）在组件的html标签中引用自定义属性classMap，如下所示：

其中bg-image()方法是用stylus的mixin特性封装的一个方法莋用是根据不同的设备像素比引用不同的图片，其在mixin.styl文件中的定义如下：根据不同的设备像素比来设置background-image的url$url是传进来的图片名，然后跟后媔的字符串拼接成完整的图片名

通过以上的设置就可以根据后台返回的数据，动态的显示icon元素的背景图了