当前位置:首页 > uni-app

uniapp标签有哪些

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

uniapp标签有哪些

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中具有跨平台特性,在不同平台会编译为对应平台的原生组件。使用时需要注意各平台的差异性和兼容性问题。

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

相关文章

vue实现彩色标签

vue实现彩色标签

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

vue实现tabs标签

vue实现tabs标签

使用 Vue 实现 Tabs 标签页 基础实现 创建一个 Tabs 组件,包含标签页头和内容区域。通过 v-for 动态渲染标签页,使用 v-show 或 v-if 控制内容显示。 <temp…

vue实现分级标签

vue实现分级标签

Vue 实现分级标签的方法 分级标签通常用于展示层级关系的数据,如分类目录、组织架构等。以下是几种常见的实现方式: 递归组件实现 适用于嵌套层级不确定的数据结构,通过组件自调用实现无限层级。 &l…

vue实现方法有哪些

vue实现方法有哪些

Vue 实现方法 Vue.js 提供了多种方式来实现功能,涵盖基础语法、组件化、状态管理、路由等。以下是一些常见的实现方法: 基础语法与数据绑定 使用 v-model 实现双向数据绑定: <…

vue动画实现标签页

vue动画实现标签页

vue动画实现标签页的方法 在Vue中实现带有动画效果的标签页,可以通过内置的<transition>或<transition-group>组件结合CSS过渡或JavaScri…

vue标签怎么实现缩放

vue标签怎么实现缩放

实现 Vue 标签缩放的常用方法 使用 CSS transform 属性 通过 CSS 的 transform: scale() 属性可以直接实现元素的缩放效果。在 Vue 中可以通过绑定样式或类名动…