刚学uniapp的人，最容易搞混的就是它的标签，其实说白了就是把网页常用的HTML标签换了个名，适配全端用的，常用的拢共就十几款，记完就能写大部分页面。

布局类标签

view是你用得最多的标签。相当于网页里的div，纯容器，没默认样式。做页面分块、套、写flex布局全靠它，想装啥装啥。

scroll-view是可滚动容器。要是你需要做横向滚动的商品栏、纵向滚动的列表，又不想让整个页面跟着动，就用它。记得加scroll-x或者scroll-y属性，不然滚不动，超出的直接被截掉。

swiper是轮播图专属标签。不用自己写JS实现滚动效果，里面套swiper-item放每一张轮播就行。自带自动轮播、指示器小圆点、滑动切换的功能，改改参数就能用，做首页轮播、广告位必用。

展示类标签

text专门用来放文字。相当于网页里的span，行内元素，不会独占一行。你要是想给单独几个字改颜色大小、做长按复制功能，必须用text包起来，直接把文字扔view里，有时候长按复制功能会失效。

image是图片标签。比网页的img好用，自带mode属性，不用写CSS调图片裁剪规则。比如最常用的mode="widthFix"，就是宽度撑满父容器，高度自动按原图比例缩放，做多端适配巨方便。记得给image设宽高，不然默认有320px*240px的固定尺寸，经常会撑破布局。

rich-text是富文本渲染标签。后台接口返回的带HTML标签的商品详情、公告，直接扔给它的nodes属性就能渲染，不用自己写解析逻辑，常用的p、img、span标签都能识别。

交互类标签

button就是按钮。比普通的view写的按钮好用，自带很多开放能力，比如要调微信小程序的获取用户信息、触发转发功能，直接给open-type设对应值就行，不用自己写一堆调用API的代码。默认样式可以全删了自己改，没有兼容问题。

input是输入框。做表单必填，改type属性就能调不同键盘，比如type="number"是纯数字键盘，适合输手机号、验证码，设password属性就是密码框，输入自动隐藏。还能改confirm-type属性，把键盘右下角的按钮改成“搜索”“发送”“下一步”，适配不同输入场景。

picker是选择器。要做日期选择、省市区选择、自定义选项选择就用它，不用自己手写弹层、滚动列表。绑定个change事件就能拿到用户选中的值，开发效率能提不少。

navigator是页面跳转标签。相当于网页里的a标签，给url属性填要跳转的页面路径就行。要跳转底部tabBar的页面，必须加open-type="switchTab"，不然跳但是去。

这些标签都是全端兼容的，写一套代码，微信小程序、APP、H5都能正常识别。别图省事用HTML的原生div、span，小程序里识别不了，出了bug找半天找不到原因。