uniapp常用的组件的基本用法

组件是视图层的基本组成单元。

组件是一个单独且可复用的功能模块的封装。

每个组件，包括如下几个部分：以组件名称为标记的开始标签和结束标签、组件内容、组件属性、组件属性值。

所有的视图组件，包括view、swiper等，本身不显示任何可视化元素。它们的用途都是为了包裹其他真正显示的组件。

view

视图容器。

它类似于传统html中的div，用于包裹各种元素内容。

scroll-view

可滚动视图区域。用于区域滚动。

Css样式

Css样式

swiper

滑块视图容器。

一般用于左右滑动或上下滑动，比如banner轮播图。

注意滑动切换和滚动的区别，滑动切换是一屏一屏的切换。swiper下的每个swiper-item是一个滑动切换区域，不能停留在2个滑动区域之间。

image

图片组件

image配合swiper使用

src：图片所在的路径（放在static文件夹下面的）

mode

mode 有 14 种模式，其中 5 种是缩放模式，9 种是裁剪模式。

也可以使用网络图片

右键复制图像链接

navigator

页面跳转。

该组件类似HTML中的<a>组件，但只能跳转本地页面。目标页面必须在pages.json中注册。

如果需要登录等特殊的需求

button

按钮

input

单行输入框。