uniapp常用标签

view ~~ 视图容器

类似于传统html中的div，用于包裹各种元素内容

<view><text>hh</text>
</view>

scroll-view ~~可滚动视图区域

• scroll-x 允许横向滚动

• scroll-y 允许纵向滚动

• scroll-top 设置竖向滚动条位置，可以一键回到顶部

• refresher-enabled 开启自定义下拉刷新

swiper ~~ 滑块视图容器。

一般用于轮播图，swiper下的每个swiper-item是一个滑动切换区域，不能停留在2个滑动区域之间

• circular 是否采用衔接滑动，即播放到末尾后重新回到开头

• indicator-dots 是否显示面板指示点

• autoplay 是否自动切换

• interval 自动切换时间间隔

• duration 滑动动画时长

• @change current 改变时会触发 change 事件，current为当前所在滑块的 index

icon ~~ 图标

 <icon :type="value" size="26"/>

text ~~ 文本组件

<text>吃了吗？</text>

rich-text ~~ 富文本

能够渲染html跟node

button ~~ 按钮

• type 按钮的样式类型

• disabled 是否禁用

• plain 按钮是否镂空，背景色透明

• size 按钮的大小

form ~~ 表单

• @submit 表单提交触发，并携带form数据

• @reset 表单重置时会触发 reset 事件

picker ~~ 从底部弹起的滚动选择器

五种选择器，通过mode来区分，分别是普通选择器，多列选择器，时间选择器，日期选择器，省市区选择器，默认是普通选择器

• @change value 改变时触发 change 事件，value表示选中的数据

navigator ~~ 页面跳转

类似HTML中的<a>组件，但只能跳转本地页面。目标页面必须在pages.json中注册

• url 应用内的跳转链接，值为相对路径或绝对路径

• hover-class 指定点击时的样式类，当hover-class="none"时，没有点击态效果

audio ~~ 音频

微信小程序不再维护 audio 组件，推荐使用API方式而不是组件方式来播放音频。API见 uni.createInnerAudioContext 替代

image ~~ 图片

• src 图片资源地址

• mode 图片裁剪、缩放的模式

---

空闲记录下，详情请看官网：uni-app官网 (dcloud.net.cn)