当前位置:首页 > 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中可以通过<component :is="currentTab">动态切换组件,结合v-for渲染标签页头部。典型结构包含标签页容器和内容区域: <temp…

vue实现打印标签

vue实现打印标签

实现 Vue 打印标签的方法 使用 window.print() 方法 在 Vue 中可以通过调用浏览器原生的 window.print() 方法实现打印功能。创建一个专门用于打印的组件或页面,隐藏不…

vue实现方法有哪些

vue实现方法有哪些

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

vue实现多标签页

vue实现多标签页

Vue 实现多标签页的方法 在 Vue 中实现多标签页功能,可以通过动态组件或路由结合状态管理来实现。以下是两种常见的方法: 动态组件实现多标签页 使用 Vue 的动态组件 <componen…

react如何获取标签内的文本

react如何获取标签内的文本

获取标签内文本的方法 在React中获取标签内的文本可以通过多种方式实现,具体取决于使用场景和需求。 使用ref获取DOM元素文本 通过React的useRef钩子可以获取DOM元素的引用,从而访问…

react a标签实现跳转

react a标签实现跳转

使用 React 中的 <a> 标签实现跳转 在 React 中,可以使用标准的 HTML <a> 标签进行页面跳转,但需要注意与 React Router 结合时的行为差异。…