小程序开发中常用的标签

135 阅读1分钟

小程序开发中常用的标签包括以下几种:

  1. 视图容器
  • view:基础的视图容器组件,类似于 HTML 中的 div 标签。
htmlCopy code
<view>这是一个视图容器</view>
  • scroll-view:可滚动视图容器组件。
htmlCopy code
<scroll-view scroll-x="true">
  <view>这是一个横向滚动的可滚动视图容器</view>
</scroll-view>
  1. 基础内容
  • text:文本内容组件。
htmlCopy code
<text>这是一段文本</text>
  • icon:图标组件,内置了一些常用的图标。
htmlCopy code
<icon type="success" />
  1. 表单组件
  • 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>
  1. 图片组件
  • image:图片组件。
htmlCopy code
<image src="https://www.example.com/example.jpg" />
  1. 列表组件
  • 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>

以上是小程序开发中常用的标签和简单的使用方法及代码示例,具体使用还需根据实际需求进行选择和定制。