uniapp标签有哪些
uniapp常用标签
uniapp基于Vue.js开发,支持大部分HTML标签,同时提供了一些跨平台的自定义组件。以下分类列出常用标签:
基础组件
<view>:视图容器,类似HTML的<div><text>:文本组件,类似<span><image>:图片组件,增强版<img><button>:按钮组件<input>:输入框<textarea>:多行输入框<scroll-view>:可滚动视图区域
表单组件
<checkbox>:复选框<radio>:单选框<picker>:列表选择器<slider>:滑动选择器<switch>:开关选择器<label>:表单标签
导航组件
<navigator>:页面链接,类似<a><uni-nav-bar>:导航栏(需引入uni-ui)
媒体组件
<video>:视频播放器<camera>:相机<live-player>:直播播放器<live-pusher>:直播推流
地图组件
<map>:地图
其他特殊组件
<canvas>:画布<web-view>:网页容器<swiper>:滑块视图容器<icon>:图标<progress>:进度条
平台差异说明
- 部分组件在不同平台有不同表现,如
<checkbox>在H5端使用原生HTML控件,在小程序端使用自定义组件 - 有些组件只在特定平台支持,如
<live-pusher>仅在微信小程序和App端支持 - 推荐优先使用uniapp提供的跨平台组件,而非直接使用HTML原生标签
扩展组件
通过uni-ui可获取更多高质量组件:
<uni-card>:卡片组件<uni-list>:列表组件<uni-grid>:宫格组件<uni-popup>:弹出层组件
注意事项
- 组件属性遵循Vue的v-bind语法
- 事件处理使用
@event绑定 - 样式编写支持大部分CSS3特性
- 组件层级在某些平台有限制,如微信小程序最多支持18层







