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

  1. 结构标签:

    • <view>:用于布局页面,可以包含其他小程序组件。

    • <text>:用于展示文本。

    • <image>:用于展示图片。

    • <input>:用于获取用户输入。

    • <button>:用于触发事件,如点击提交表单。

    • <scroll-view>:用于实现可滚动区域。

    • <view><scroll-view>:用于构建页面布局,如列表、网格等。

  2. 样式标签:

    • <style>:用于编写小程序的样式代码。

    • <script>:用于编写小程序的脚本代码,包括逻辑层代码和数据处理。

  3. 组件标签:

    • <block>:用于定义可复用的代码块。

    • <import>:用于引入外部组件或模块。

    • <template>:用于定义自定义组件。

    • <slot>:用于定义插槽内容,使组件更加灵活和可配置。

  4. 行为标签:

    • <navigator>:用于跳转页面或链接。

    • <button>:用于触发点击事件。

    • <form>:用于构建表单,收集用户输入。

    • <input>:用于获取用户输入。

    • <picker>:用于选择列表中的选项。

    • <scroll-view>:用于实现可滚动区域。

  5. 媒体标签:

    • <image>:用于展示图片。

    • <video>:用于展示视频。

    • <audio>:用于播放音频。

  6. 交互标签:

    • <bindtap>:用于绑定点击事件。

    • <bindchange>:用于绑定变化事件,如输入框内容改变。

    • <bindconfirm>:用于绑定确认事件,如表单提交。

    • <bindcancel>:用于绑定取消事件。

  7. 条件渲染标签:

    • <if>:用于条件判断,根据条件渲染内容。

    • <else>:用于在条件不满足时渲染内容。

    • <else-if>:用于在多个条件中判断并渲染对应内容。

  8. 列表渲染标签:

    • <block wx:for="{{items}}" wx:key="index">:用于遍历列表并渲染每个元素。

    • <block wx:for-item="item" wx:key="index">:用于遍历列表并渲染每个元素,并指定当前元素的变量名。

  9. 条件渲染标签:

    • <view wx:if="{{condition}}">:当条件为真时渲染内容。

    • <view wx:else>:当条件为假时渲染内容。

这些标签提供了丰富的功能,使开发者能够构建出功能完善的小程序界面。在实际开发中,应根据具体需求选择合适的标签组合使用。