🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
![](https://box.kancloud.cn/52bb4942f87ab18febc788c1a8947415_971x456.png) 单张图片标签的使用也是非常多的. 大家先看上面的图片,单张图,通常有两种标签写法,第一种是可以灵活控制图片事件或点击事件. 但是代码就多一点,演示数据需要你单独给出来. 第二种就代码比较简洁,只给演示数据就可以了. 事件的话,需要你单独通CSS或者是JS控制,因为系统默认给出的数据将是以下格式,链接是强制新开窗口 图片大小 也需要你通过CSS 或者 JS 处理。 ~~~ <a href="{$url}" target="_blank"><img src="{$picurl}"></a> ~~~ 所以说,两种方式看不同的情况,看个人不同的爱好自由选择。第一种代码多一点,但灵活性强一些。第二种代码少点,但需要你善长JS或CSS控制显示与事件。 ### 特别提醒一下,单张图片这里的变量名是 {$url} 不是 {$rs.url} {$picurl} 也同样不是 {$rs.picurl} 除此单张图外,其它地方都是(包括多张图) {$rs.url} {$rs.picurl} 仅仅单张图片这里比较特殊 ### 最后,大家要注意的一个关键点: 像文本标签一样, ~~~ {qb:tag name="web_banner_pic01" type="image"} <a href="#"><img src="xxx.jpg"></a> {/qb:tag} ~~~ 这种简单处理的单张图,也即没使用变量的,就可以把演示数据直接这样写出来,不需要加注释符.再加注释的话就显得很罗索,比如你也可以像下面这样写,但显得很罗索 ~~~ {qb:tag name="web_banner_pic01" type="image"} <!-- <a href="#"><img src="xxx.jpg"></a> --> {/qb:tag} ~~~