1. `view` 标签
- `view` 标签是小程序的容器组件,类似于 HTML 中的 `div` 元素。
- 它用于在页面中划分区块,默认宽度为 100%。
- 可以通过 `class` 和 `style` 属性来定义样式。
2. `text` 标签
- `text` 标签用于展示文本内容,类似于 HTML 中的 `span` 元素。
- 它的宽度和高度由内容本身决定,不会独占一行。
- 可以通过 `class` 和 `style` 属性来定义样式。
3. `image` 标签
- `image` 组件用于在页面中显示图片。
- 它的 `src` 属性可以接收网络地址或本地图片地址。
- 可以通过 `width`、`height`、`mode` 等属性来定义图片的显示样式。
4. `button` 标签
- `button` 组件用于创建按钮,可以设置背景颜色、边框、圆角等样式。
- 可以通过 `type` 属性来定义按钮的样式,如默认样式、朴素样式、主要样式等。
5. `input` 标签
- `input` 组件用于输入框,可以接收用户的输入。
- 可以通过 `type` 属性来定义输入框的类型,如文本、密码、数字、邮箱等。
- 可以通过 `bindinput` 事件来处理输入事件和变化事件。
6. `navigator` 标签
- `navigator` 组件用于跳转页面,可以设置 `url`(跳转链接)和 `open-type`(跳转方式)。
- 跳转方式可以是 `navigate`(导航)、`redirect`(重定向)等。
7. `scroll-view` 标签
- `scroll-view` 组件用于展示可滚动的区域,可以设置横向或纵向滚动。
- 可以通过 `scroll-x` 和 `scroll-y` 属性来定义滚动方向。
8. `swiper` 标签
- `swiper` 组件用于展示可滑动的轮播图。
- 它包含多个 `swipe-item` 组件,每个 `swipe-item` 代表轮播图的一页。
9. `icon` 标签
- `icon` 组件用于显示小程序内置的图标。
- 可以通过 `type` 属性来指定图标类型,如成功、提示、警告等。
10. `rich-text` 标签
- `rich-text` 组件用于展示富文本内容。
- 它将 HTML 代码转换为小程序代码显示,支持一定的 HTML 标签,如 `<div>`、`<p>` 等。
11. `switch` 标签
- `switch` 组件是一个开关选择器,用于二选一的状态切换。
- 可以通过 `checked` 属性来控制它的选中状态,通过 `disabled` 属性来控制是否禁用。
12. `progress` 标签
- `progress` 组件用于显示进度条,可以展示任务的进度。
- 可以通过 `percent` 属性来设置进度条的百分比值。
这些标签是微信小程序开发中的基础,开发者可以根据需要组合使用这些标签来构建小程序的界面。每个标签都有其属性和事件,可以通过属性来调整组件的样式和行为,通过事件来响应用户的操作。在实际开发中,还需要结合小程序的 API 使用,以实现更丰富的功能。