Uniapp重点标签讲解
1.视图容器标签<view>
功能：最基础的视图容器，相当于 HTML 中的div，用于包裹元素进行布局。核心属性：
hover-class：指定点击时的样式类，默认值none。
使用场景：几乎所有页面布局都需要用到，用于分组、定位元素。

2.文本内容标签<text>
功能：文本展示标签，支持部分富文本格式。相当于 HTML 中的span核心属性：
selectable：是否可选，布尔值，用于选中文字。
使用场景：显示普通文本、需要选中的文本、包含特殊字符的文本。
注意事项：内联元素，建议不要包裹块级元素；长按文本可选时，selectable需设置为true。

3.图片标签<image>
功能：图片展示标签。等同于html中的img标签核心属性：
src：图片资源地址，可以是网络地址或本地路径。
使用场景：展示各类图片，如头像、商品图、背景图等。

4.视频标签<video>
功能：显示视频核心属性：
src：视频源地址（只支持网络路径）。
controls：是否显示默认播放控件（进度条、播放按钮等）。
autoplay：是否自动播放（部分浏览器 / 平台可能限制自动播放）。
loop:是否循环播放。muted:是否静音播放。
使用场景：视频介绍,轮播视频等。

5.表单组件标签
5.1输入框 <input>
功能：输入框，用于接收用户输入。核心属性：
type：输入类型，值为text（文本）、password（密码等。value：输入框的值，结合v-model实现双向数据绑定。
placeholder：输入框为空时的提示文字。disabled：是否禁用，布尔值。
maxlength：最大输入长度，-1 表示不限制。事件：
@input：输入事件，返回输入值。@focus：获得焦点事件。
@blur：失去焦点事件。
使用场景：登录表单、搜索框、用户信息输入等。

5.2多选框 <checkbox> 与 <checkbox-group>
功能：多选框， <checkbox-group> 用于包裹多个 <checkbox> ，实现多选分组。核心属性：
<checkbox> ：value为选中时的值，checked表示是否选中，布尔值，结合v-model在组中使用。<checkbox-group> ：@change事件，返回选中的数组。
使用场景：多选选项，如兴趣爱好选择、服务协议勾选等。

6.导航类标签
6.1页面跳转 <navigator>
功能：页面跳转导航组件，可跳转到其他页面或重定向。核心属性：
url：跳转的目标页面路径，必须以/开头。
open-type：跳转方式，值为navigate（保留当前页面，跳转到下一级页面）、redirectTo（关闭当
前页面，跳转到应用内的某个页面）、switchTab（跳转到 tabBar 页面，并关闭其他所有非tabBar 页面）、reLaunch（关闭所有页面，打开到应用内的某个页面）等。
hover-class：点击时的样式类，默认navigator-hover。
使用场景：页面之间的跳转，如从列表页跳转到详情页。

6.2导航栏跳转 <tab-bar>

（在页面配置中设置）功能：底部导航栏，用于切换不同的 tab 页面。
配置方式：在页面的page.json中配置tabBar字段，包含list（每个 tab 的信息，如页面路径、图标、文字等）、color（文字默认颜色）、selectedColor（文字选中颜色）、backgroundColor（导航栏背景颜色）等

7.图标标签 <icon>
功能：显示图标，Uniapp 内置了一些图标，也可自定义图标库。核心属性：
type：图标类型，如success、info、warn、waiting、cancel等。size：图标大小，单位 rpx，默认 23。
color：图标颜色，同 CSS 颜色值。
使用场景：按钮图标、状态提示图标等。

8.轮播图标签使用<swiper> 与<swiper-item>
功能：轮播图容器， <swiper-item> 为每个轮播项。核心属性：
indicator-dots：是否显示面板指示点，布尔值。autoplay：是否自动切换，布尔值。
interval：自动切换时间间隔，单位毫秒，默认 5000。duration：滑动动画时长，单位毫秒，默认 300。
circular：是否采用衔接滑动，即循环滑动，布尔值。
current：当前所在滑块的索引，从 0 开始，数字。
使用场景：广告轮播、多图片展示等。