W250913/12.小程序/pages/home/home.wxml

<!--pages/home/home.wxml-->
<view>
  <button bind:tap="handleUser">设置用户名</button>
  <button bind:tap="getUser">获取用户名</button>
  <van-button type="default">默认按钮</van-button>
  <van-button type="primary">主要按钮</van-button>
  <van-button type="info">信息按钮</van-button>
  <van-button type="warning">警告按钮</van-button>
  <van-button type="danger">危险按钮</van-button>
  <headers></headers>
  <view>哈哈哈哈</view>
  <template name="aa">
    <text>这是首页内容</text>
  </template>
  <!-- 数据绑定 -->
  <view class="first">我叫{{name}}</view>
  <!-- 列表渲染 -->
  <!-- 渲染：
    while、do while、for
    for in
    for of
    map
    forEach
   -->
  <!-- v-for="(item,index) in xxx" :key="index" -->
  <!-- wx:for -->
  <view wx:for="{{list}}" wx:key="index" wx:for-item="item">
    <view>
      {{index+1}}--{{item.name}}--{{item.age}}
    </view>
  </view>
  <!-- 条件渲染 -->
  <!-- 
     if else-if else
     switch case
    -->
  <!-- v-if v-else-if v-else -->
  <!-- wx:if wx:else wx:elif -->
  <view class="main" wx:if="{{age < 18}}">未成年</view>
  <view class="main" wx:elif="{{age == 18}}">成年</view>
  <view class="main" wx:else="{{age > 18}}">青年</view>
  <!-- 事件 -->
  <view class="box" catch:tap="handleBox">
    <view class="box1" catch:tap="handleBox1"></view>
  </view>
  <!-- swiper -->
  <swiper indicator-dots="{{indicatorDots}}" autoplay="{{autoplay}}" interval="{{interval}}" duration="{{duration}}">
    <block wx:for="{{background}}" wx:key="*this">
      <swiper-item>
        <view class="swiper-item {{item}}"></view>
      </swiper-item>
    </block>
  </swiper>
  <!-- scroll-view -->
  <view class="page-section-spacing">
    <scroll-view class="scroll-view_H" scroll-x="true" bindscroll="scroll" style="width: 100%">
      <view id="demo1" class="scroll-view-item_H demo-text-1"></view>
      <view id="demo2" class="scroll-view-item_H demo-text-2"></view>
      <view id="demo3" class="scroll-view-item_H demo-text-3"></view>
      <view id="demo1" class="scroll-view-item_H demo-text-1"></view>
      <view id="demo2" class="scroll-view-item_H demo-text-2"></view>
      <view id="demo3" class="scroll-view-item_H demo-text-3"></view>
      <view id="demo1" class="scroll-view-item_H demo-text-1"></view>
      <view id="demo2" class="scroll-view-item_H demo-text-2"></view>
      <view id="demo3" class="scroll-view-item_H demo-text-3"></view>
    </scroll-view>
  </view>

</view>