63 lines
3.1 KiB
Plaintext
63 lines
3.1 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-header">
|
|
<text class="drawer-title">切换用户</text>
|
|
<view class="drawer-close" bind:tap="onTapClose">
|
|
<view class="drawer-close-icon"></view>
|
|
</view>
|
|
</view>
|
|
|
|
<!-- 分隔线 -->
|
|
<view class="drawer-divider"></view>
|
|
|
|
<!-- 用户列表 -->
|
|
<block wx:if="{{ members.length }}">
|
|
<scroll-view class="~scrollView" scroll-y>
|
|
<view class="scrollViewContent ~page-container">
|
|
<block wx:for="{{ members }}" wx:key="id">
|
|
<view class="member-item" bind:tap="onTapMember" data-member="{{ item }}">
|
|
<!-- 头像 -->
|
|
<block wx:if="{{ item.avatar }}">
|
|
<image class="member-avatar {{ item.selected ? 'member-avatar--selected' : '' }}"
|
|
src="{{ item.avatar }}" mode="aspectFill"></image>
|
|
</block>
|
|
<block wx:else>
|
|
<view class="member-avatar-placeholder {{ item.gender === '女' ? 'member-avatar-placeholder--female' : 'member-avatar-placeholder--male' }} {{ item.selected && item.gender === '男' ? 'member-avatar-placeholder--selected-male' : '' }} {{ item.selected && item.gender === '女' ? 'member-avatar-placeholder--selected-female' : '' }}"></view>
|
|
</block>
|
|
|
|
<!-- 姓名 + 性别·年龄 -->
|
|
<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>
|
|
</block>
|