index.wxml 2.0 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647
  1. <view class="topView">
  2. <!-- 导航栏 -->
  3. <van-nav-bar custom-style="background-color: #407DB8">
  4. <van-icon slot="left" name="arrow-left" size="25px" color="#fff" bind:click="backToParent"/>
  5. <text slot="title" style="color: #fff;">历史履约</text>
  6. </van-nav-bar>
  7. <!-- tabs -->
  8. <view class="tab-view">
  9. <van-tabs active="{{ active }}" sticky animated bind:click="onTabChange" color="#2270D9" line-width="20px" title-inactive-color="#333" title-active-color="#407DB8">
  10. <van-tab wx:for="{{ tabs }}" wx:for-item="itm" wx:key="id" id="{{ itm.id }}" title="{{ itm.name }}"/>
  11. </van-tabs>
  12. </view>
  13. <!-- 列头 -->
  14. <view class="title-view">
  15. <view class="title-view-up">
  16. <text wx:for="{{ titles[0] }}" wx:for-item="itm" wx:for-index="idx" wx:key="idx">{{ itm }}</text>
  17. </view>
  18. <view class="title-view-dwn">
  19. <text wx:for="{{ titles[1] }}" wx:for-item="itm" wx:for-index="idx" wx:key="idx">{{ itm }}</text>
  20. </view>
  21. </view>
  22. </view>
  23. <!-- 内容滚动视图 -->
  24. <scroll-view class="content-view" style="padding-bottom: {{ safeBottom }}px;">
  25. <!-- 数据 -->
  26. <van-swipe-cell wx:for="{{ values }}" wx:for-item="itm" wx:for-index="idx" id="{{ idx }}" wx:key="idx" right-width="{{ 50 }}" bind:click="onSelectItem">
  27. <view class="item-view {{ values[idx].isChecked ? 'active' : '' }}">
  28. <view class="item-view-up">
  29. <text wx:for="{{ itm.up }}" wx:for-item="data" wx:for-index="idx" wx:key="idx">{{ data }}</text>
  30. </view>
  31. <view class="item-view-dwn">
  32. <text wx:for="{{ itm.dwn }}" wx:for-item="data" wx:for-index="idx" wx:key="idx">{{ data }}</text>
  33. </view>
  34. </view>
  35. <view slot="right" class="van-swipe-cell__right">
  36. <view class="item detail" id="detail {{ idx }}" style="background-color: #407DB8;" bindtap="onButtonPressed">详情</view>
  37. </view>
  38. </van-swipe-cell>
  39. </scroll-view>
  40. <!-- empty -->
  41. <van-empty wx:if="{{ isEmpty }}" class="custom-image" description="无数据"/>
  42. <!-- toast -->
  43. <van-toast id="van-toast" />