微信小程序

版权声明:本文为博主原创文章,未经博主允许不得转载。

 

前言

看微信小程序这么火,也跟风看一下,先整理一下标签

微信小程序标签

1
<view> content </view>-- 视图容器。
1
<swiper> content </swiper>滑块视图容器。
1
<swiper-itemr> content </swiper-item> 仅可放置在<swiper/>组件中,宽高自动设置为100%。
1
<icon type="success" size="{{item}}"/> 图标。
1
<text>{{text}}</text> 文本。
1
<progress percent="80" active /> 进度条。
1
<button type="default"> default </button> 按钮
1
<checkbox-group> 内容 </checkbox-group> -多项选择器,内部由多个checkbox组成。
1
<checkbox value="" checked=""/>
1
<form></form> 表单,将组件内的用户输入的<switch/> <input/> <checkbox/> <slider/> <radio/> <picker/> 提交。
1
input 输入框。
1
2
3
4
5
<label></label> 用来改进表单组件的可用性,使用for属性找到对应的id,或者将控件放在该标签下,当点击时,就会触发对应的控件。
for优先级高于内部控件,内部有多个控件的时候默认触发第一个控件。
目前可以绑定的控件有:<button/>, <checkbox/>, <radio/>, <switch/>。
1
picker 滚动选择器,现支持三种选择器,通过mode来区分,分别是普通选择器,时间选择器,日期选择器,默认是普通选择器。
1
radio-group 单项选择器,内部由多个<radio/>组成。
1
radio 单选项目
1
slider 滑动选择器。
1
switch 开关选择器
1
action-sheet 从屏幕底部出现的菜单表。
1
action-sheet 从屏幕底部出现的菜单表。
1
action-sheet-item 底部菜单表的子选项。
1
action-sheet-cancel 底部菜单表的取消按钮,和<action-sheet-item/>的区别是,点击它会触发<action-sheet/>的change事件,并且外观上会同它上面的内容间隔开来。
1
modal 模态弹窗。
1
toast 消息提示框。
1
loading 加载提示。
1
navigator 页面链接。
1
audio 音频。
1
image 图片。
1
video 视频。
1
map 地图。
1
canvas 画布。