小程序开发中常用的标签包括以下几种:
- 视图容器
- view:基础的视图容器组件,类似于 HTML 中的 div 标签。
htmlCopy code
<view>这是一个视图容器</view>
- scroll-view:可滚动视图容器组件。
htmlCopy code
<scroll-view scroll-x="true">
<view>这是一个横向滚动的可滚动视图容器</view>
</scroll-view>
- 基础内容
- text:文本内容组件。
htmlCopy code
<text>这是一段文本</text>
- icon:图标组件,内置了一些常用的图标。
htmlCopy code
<icon type="success" />
- 表单组件
- button:按钮组件。
htmlCopy code
<button type="primary">这是一个按钮</button>
- input:输入框组件。
htmlCopy code
<input type="text" placeholder="请输入内容" />
- checkbox:复选框组件。
htmlCopy code
<checkbox-group>
<checkbox value="1" />选项1
<checkbox value="2" />选项2
</checkbox-group>
- 图片组件
- image:图片组件。
htmlCopy code
<image src="https://www.example.com/example.jpg" />
- 列表组件
- list:列表组件。
htmlCopy code
<list>
<list-item>列表项1</list-item>
<list-item>列表项2</list-item>
</list>
- picker:滚动选择器组件。
htmlCopy code
<picker value="{{index}}" range="{{array}}" bindchange="bindPickerChange">
<view class="picker">
当前选择:{{array[index]}}
</view>
</picker>
以上是小程序开发中常用的标签和简单的使用方法及代码示例,具体使用还需根据实际需求进行选择和定制。