list.wxml 1.9 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546
  1. <!--pages/list/list.wxml-->
  2. <!-- <text>pages/list/list.wxml</text> -->
  3. <!-- 引入 -->
  4. <!-- <import src="../home/home"/>
  5. <template is="hi" data="{{week:'二'}}" /> -->
  6. <!-- <include src="../home/home"></include> -->
  7. <view class="list">
  8. <form bindsubmit="formSubmit">
  9. <view>
  10. <label>用户名</label>
  11. <input type="text" name="userName" value="{{userName}}" placeholder="请输入用户名" bindinput="getName" />
  12. </view>
  13. <view>
  14. <label>密码</label>
  15. <input type="text" name="passWord" value="{{passWord}}" placeholder="请输入密码" bindinput="getWord" />
  16. </view>
  17. <button formType="submit">提交</button>
  18. </form>
  19. <view class="page-body">
  20. <view class="page-section page-section-spacing swiper">
  21. <swiper indicator-dots="{{indicatorDots}}" autoplay="{{autoplay}}" interval="{{interval}}" duration="{{duration}}">
  22. <block wx:for="{{background}}" wx:key="*this">
  23. <swiper-item>
  24. <view class="swiper-item {{item}}"></view>
  25. </swiper-item>
  26. </block>
  27. </swiper>
  28. </view>
  29. </view>
  30. <!-- 横滚 -->
  31. <view class="page-section-spacing">
  32. <scroll-view class="scroll-view_H" scroll-x="true" bindscroll="scroll" style="width: 100%">
  33. <view id="demo1" class="scroll-view-item_H demo-text-1"></view>
  34. <view id="demo2" class="scroll-view-item_H demo-text-2"></view>
  35. <view id="demo3" class="scroll-view-item_H demo-text-3"></view>
  36. </scroll-view>
  37. </view>
  38. <!-- 纵滚 -->
  39. <view class="page-section-spacing">
  40. <scroll-view scroll-y="true" style="height: 300rpx;" bindscrolltoupper="upper" bindscrolltolower="lower" bindscroll="scroll" scroll-into-view="{{toView}}" scroll-top="{{scrollTop}}">
  41. <view id="demo1" class="scroll-view-item demo-text-1"></view>
  42. <view id="demo2" class="scroll-view-item demo-text-2"></view>
  43. <view id="demo3" class="scroll-view-item demo-text-3"></view>
  44. </scroll-view>
  45. </view>
  46. </view>