index.wxml 1.8 KB

1234567891011121314151617181920212223242526272829303132333435363738
  1. <van-tabs swipeable sticky title-active-color='var(--assist)' color='var(--assist)' bind:change="tabChange">
  2. <van-tab title="账号列表">
  3. <navigator url="#" class="my-card user-item" wx:for="{{10}}">
  4. <view class="user-img">
  5. <van-image width="96rpx" height="96rpx" fit='cover' radius='48rpx' lazy-load src="https://img.yzcdn.cn/vant/cat.jpeg" />
  6. </view>
  7. <view class="details">
  8. <view class="user-name">
  9. <view class="line-1">用户名用户用户名用户用户名用户用户名用户</view>
  10. <view class="position">职位职位职位</view>
  11. <view class="icon">
  12. <text class="iconfont icon-a-wodetiaozhuan" />
  13. </view>
  14. </view>
  15. <view class="base-msg line-1">所属门店:建陶店</view>
  16. <view class="base-msg">账号ID:123456<text class="iconfont icon-a-wodemendianxinxidianhua" />18912345698</view>
  17. </view>
  18. </navigator>
  19. </van-tab>
  20. <van-tab title="角色列表">
  21. <navigator url="#" class="my-card role-item" wx:for="{{10}}">
  22. <view class="role-l">
  23. <view class="first-line">
  24. <text class="label line-1">角色</text>
  25. <text class="role line-1">员工</text>
  26. </view>
  27. <view class="creator line-1">创建人:张三丰</view>
  28. </view>
  29. <view class="role-r">
  30. <text class="iconfont icon-a-wodetiaozhuan" />
  31. </view>
  32. </navigator>
  33. </van-tab>
  34. </van-tabs>
  35. <view style="height: 100rpx;" />
  36. <view class="footer">
  37. <van-button custom-class='add-but' color="var(--assist)" bindtap="newItem">新建{{butText}}</van-button>
  38. </view>