w1020/16.小程序/pages/list/list.wxml

<!--pages/list/list.wxml-->
<!-- <text>pages/list/list.wxml</text> -->
<!-- 引入 -->
<!-- <import src="../home/home"/>
<template is="hi" data="{{week:'二'}}" /> -->
<!-- <include src="../home/home"></include> -->
<view class="list">
<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>


  <form bindsubmit="formSubmit">
    <view>
      <label>用户名</label>
      <input type="text" name="userName" value="{{userName}}" placeholder="请输入用户名" bindinput="getName" />
    </view>
    <view>
      <label>密码</label>
      <input type="text" name="passWord" value="{{passWord}}" placeholder="请输入密码" bindinput="getWord" />
    </view>
    <button formType="submit">提交</button>
  </form>
  <view class="page-body">
    <view class="page-section page-section-spacing 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>
    </view>
  </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>
    </scroll-view>
  </view>
  <!-- 纵滚 -->
  <view class="page-section-spacing">
    <scroll-view scroll-y="true" style="height: 300rpx;" bindscrolltoupper="upper" bindscrolltolower="lower" bindscroll="scroll" scroll-into-view="{{toView}}" scroll-top="{{scrollTop}}">
      <view id="demo1" class="scroll-view-item demo-text-1"></view>
      <view id="demo2" class="scroll-view-item demo-text-2"></view>
      <view id="demo3" class="scroll-view-item demo-text-3"></view>
    </scroll-view>
  </view>
  
</view>