vant-ui van-tabs 插入图片
2020-07-14 06:08
15 查看
vant-ui 中的Tab标签页 标题插入图片:
方式1: 插入图片,通过 title 插槽可以自定义标签内容
<van-tabs v-model="active"> <van-tab> <div slot="title"> <img src="../../assets/images/home/douyinSmail.png">普通任务 </div> 内容1 </van-tab> <van-tab> <div slot="title"> <img src="../../assets/images/home/douyinSmail.png">白银任务 </div> 内容 2 </van-tab> <van-tab title="黄金任务"> <div slot="title"> <img src="../../assets/images/home/douyinSmail.png">黄金任务 </div> 内容 3 </van-tab> <van-tab> <div slot="title"> <img src="../../assets/images/home/douyinSmail.png">钻石任务 </div> 内容 4 </van-tab> </van-tabs>
方式2:插入字体图标
<van-tabs v-model="active"> <van-tab v-for="index in 2"> <div slot="title"> <van-icon name="more-o" />选项 </div> 内容 {{ index }} </van-tab> </van-tabs>
相关文章推荐
- 插入随机/跟随鼠标/点击一次即消失/漂浮图片(ie测试通过)
- java swing中插入图片
- 去掉CSDN使用MarkDown编辑器插入图片自动添加的水印
- Jupyter notebook中快速插入图片的简单方法
- 在editText中动态插入图片
- ext js/Ext.Net_演示 htmleditor 上传&插入图片
- 使用POI生成Excel文件及使用POI在EXCEL文件中插入图片的方法
- WPS 插入 图片 显示 不 完全(OFFICE小问题笔记)
- canvas 三 图片插入及文字填充
- HTML插入图片存储路径问题
- 图床神器 七牛+Mpic在markdown中插入图片
- 用curl登录51.com及插入图片的例子
- Android:TextView与EditText中插入表情图片
- wangEditor编辑器失去焦点后仍然可以在原位置插入图片分析
- Data URI——也就是图片转成代码插入网页
- pdf指定位置插入图片,不改变原格式,直接操作pdf。
- sqlite数据库插入和读取图片数据 (for ios)
- 插入新图片Gallery不更新
- 【Latex】中插入图片(Excel和Visio绘制)不失真的方法
- Java 调用 Apache POI 往 Excel 插入图片