60 lines
2.0 KiB
Plaintext
60 lines
2.0 KiB
Plaintext
<!-- 选择已有用户抽屉 -->
|
|
<block wx:if="{{ innerShow }}">
|
|
<!-- 遮罩 -->
|
|
<view class="drawer-mask {{ animVisible ? 'drawer-mask--visible' : '' }}" bind:tap="onTapMask"></view>
|
|
|
|
<!-- 抽屉面板 -->
|
|
<view class="drawer-panel {{ animVisible ? 'drawer-panel--visible' : '' }}">
|
|
<!-- 顶部拖拽把手 -->
|
|
<view class="drawer-handle"></view>
|
|
|
|
<!-- 标题栏 -->
|
|
<view class="drawer-header">
|
|
<view class="drawer-title">选择已有用户</view>
|
|
<view class="drawer-close" bind:tap="onTapClose">
|
|
<view class="drawer-close-icon"></view>
|
|
</view>
|
|
</view>
|
|
|
|
<!-- 用户列表 -->
|
|
<view class="drawer-user-list">
|
|
<block wx:if="{{ members.length }}">
|
|
<scroll-view class="~scrollView" scroll-y>
|
|
<view class="scrollViewContent">
|
|
<block wx:for="{{ members }}" wx:key="id">
|
|
<view class="member-item" bind:tap="onTapMember" data-member="{{ item }}">
|
|
<!-- 头像 -->
|
|
<view class="member-avatar-placeholder">
|
|
<image src="{{ item.gender === '女' ? '/images/woman.png' : '/images/man.png' }}" mode="aspectFit" />
|
|
</view>
|
|
|
|
<!-- 姓名 + 性别·年龄 -->
|
|
<view class="member-info">
|
|
<view class="member-name">{{ item.name }}</view>
|
|
<view class="member-sub">{{ item.gender }}·{{ item.age }}岁 丨 {{ item.height }}cm</view>
|
|
</view>
|
|
|
|
<view class="member-type">
|
|
<block wx:if="{{ item.relationType == 1 }}">
|
|
<view class="member-type-tag member-type-tag--self">本人</view>
|
|
</block>
|
|
<block wx:elif="{{ item.dataType === 0 }}">
|
|
<view class="member-type-tag member-type-tag--employee">员工</view>
|
|
</block>
|
|
<block wx:elif="{{ item.dataType === 1 }}">
|
|
<view class="member-type-tag member-type-tag--family">家庭用户</view>
|
|
</block>
|
|
</view>
|
|
</view>
|
|
</block>
|
|
</view>
|
|
</scroll-view>
|
|
</block>
|
|
|
|
<!-- 无用户：占位 -->
|
|
<block wx:else>
|
|
<empty-data />
|
|
</block>
|
|
</view>
|
|
</view>
|
|
</block> |