在微信小程序中设置导航栏的标签（微信小程序切图之tag标签大全）

在微信小程序中设置导航栏的标签（微信小程序切图之tag标签大全）text 文字icon 图标scroll-view 可滚动视图容器swiper 可滑动的视图容器二、基础内容(Basic Content)

在做小程序切图的时候，其实你会发现和h5/web切图没有太大的差别，所以第一步就是你需要知道小程序的tag标签（所有），下面是切图网qietu.com 整理出来的。

没有h5标签那么多，这里需要特别提到的是img用image替代， select用picker替代，并且小程序不能使用swiper.js插件（超级好用），但是自带了swiper组件。

一、视图容器(View Container)：

view 视图容器

scroll-view 可滚动视图容器

swiper 可滑动的视图容器

二、基础内容(Basic Content)

icon 图标

text 文字

progress 进度条

三、表单组件(Form)

button 按钮

form 表单

input 输入框

checkbox 多项选择器

radio 单项选择器

picker 列表选择器

slider 滑动选择器

switch 开关选择器

label 标签

四、操作反馈组件(Interaction)

action-sheet 上拉菜单

modal 模态弹窗

progress 进度条

toast 短通知

五、导航(Navigation)

navigator 应用内跳转

六、多媒体(Media)

audio 音频

image 图片

video 视频

七、地图(Map)

map 地图

八、画布(canvas)

canvas 画布