当前位置:首页 > uni-app

uniapp标签有哪些

2026-02-06 08:32:13uni-app

uniapp常用标签分类

视图容器类标签

  • <view>:基础视图容器,类似HTML的<div>
  • <scroll-view>:可滚动视图区域
  • <swiper>:滑块视图容器,用于轮播图
  • <movable-view>:可移动视图容器
  • <cover-view>:覆盖在原生组件上的视图

基础内容类标签

  • <text>:文本标签,支持长按选择
  • <rich-text>:富文本标签,支持解析HTML节点
  • <icon>:图标组件
  • <progress>:进度条组件

表单组件类标签

  • <button>:按钮组件
  • <checkbox>:复选框
  • <input>:输入框
  • <label>:标签组件
  • <picker>:滚动选择器
  • <radio>:单选框
  • <slider>:滑动选择器
  • <switch>:开关选择器
  • <textarea>:多行文本输入框

导航类标签

  • <navigator>:页面链接组件,类似HTML的<a>

媒体组件类标签

  • <image>:图片组件
  • <video>:视频播放组件
  • <camera>:相机组件
  • <live-player>:直播播放器
  • <live-pusher>:直播推流组件

地图类标签

  • <map>:地图组件

画布类标签

  • <canvas>:画布组件

webview相关标签

  • <web-view>:网页承载组件

其他特殊标签

  • <ad>:广告组件
  • <official-account>:公众号关注组件
  • <open-data>:开放数据展示组件

这些标签在uniapp中具有跨平台特性,在不同平台会编译为对应平台的原生组件。使用时需要注意各平台的差异性和兼容性问题。

uniapp标签有哪些

uniapp标签有哪些

标签: 标签有哪些
分享给朋友:

相关文章

elementui标签

elementui标签

ElementUI 标签的基本使用 ElementUI 提供 <el-tag> 组件用于展示标签信息,支持多种样式和交互功能。 基础用法 通过 type 属性设置标签类型,可选值包括…

vue实现彩色标签

vue实现彩色标签

实现彩色标签的方法 在Vue中实现彩色标签可以通过多种方式完成,以下是几种常见的实现方法: 使用动态类名绑定 通过动态绑定类名,可以根据数据动态改变标签的颜色。例如: <templa…

vue 实现tag标签

vue 实现tag标签

Vue 实现 Tag 标签 在 Vue 中实现 Tag 标签可以通过多种方式完成,以下是几种常见的实现方法。 使用原生 HTML 和 CSS 通过 Vue 的模板语法结合 CSS 样式可以快速实现…

vue标签实现跳转

vue标签实现跳转

vue-router 实现页面跳转 在 Vue 项目中通常使用 vue-router 进行路由跳转管理,以下是常见的实现方式: 声明式导航 <router-link to="/path"…

vue实现多标签

vue实现多标签

Vue 实现多标签页的方法 在 Vue 中实现多标签页功能通常需要结合路由管理和状态管理。以下是几种常见的实现方式: 使用 Vue Router 和动态组件 通过 Vue Router 的路由配置和…

vue实现标签云

vue实现标签云

Vue 实现标签云的方法 标签云(Tag Cloud)是一种常见的可视化方式,用于展示关键词或标签的权重和分布。以下是几种在 Vue 中实现标签云的方法。 使用第三方库 vue-tag-cloud…