微信小程序 WXML 所有标签和使用方法

微信小程序中的WXML(WeiXin Markup Language)是一种模板语言,用于描述页面的结构。它虽然与HTML类似,但具有自己的标签和语法。下面是一些常用的微信小程序WXML标签及其使用方法的概述:

**一、视图容器标签**

1. **view**:类似于HTML中的`

`,是一个基础容器。

```wxml

```

2. **scroll-view**:可滚动视图区域。

```wxml

```

其中`scroll-y`属性表示允许纵向滚动,设置`height`属性可以限制滚动区域的高度。

3. **swiper**:可滑动视图容器,常用于轮播图。

```wxml

```

**二、基础内容标签**

1. **text**:文本内容。

```wxml

Hello, World!

```

2. **icon**:图标。

```wxml

```

3. **progress**:进度条。

```wxml

```

**三、表单组件标签**

1. **button**:按钮。

```wxml

```

2. **form**:表单,用于提交表单数据。

```wxml

```

3. **input**:输入框。

```wxml

```

4. **checkbox**:多项选择器。

```wxml

苹果

香蕉

```

5. **radio**:单项选择器。

```wxml

```

6. **picker**:列表选择器。

```wxml

当前选择:{{array[index]}}

```

7. **slider**:滑动选择器。

```wxml

```

8. **switch**:开关选择器。

```wxml

```

**四、操作反馈组件标签**

1. **action-sheet**:上拉菜单。

```wxml

{{item}}

```

2. **modal**:模态弹框。

```wxml

```

请注意,这些只是微信小程序WXML的一部分标签,实际上还有更多的标签和属性可供使用。在使用这些标签时,你还需要在对应的JS文件中处理事件和数据。同时,你可以通过官方文档了解更多关于WXML标签的详细信息和用法。

另外,WXML与HTML在语法和用途上有一些区别。例如,WXML中直接使用了如`

Back to top: