64 lines
2.4 KiB
Plaintext
64 lines
2.4 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">
|
|
<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="drawer-list" scroll-y>
|
|
<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 ? 'member-avatar-placeholder--selected-male' : '' }} {{ item.selected && item.gender === '女' ? 'member-avatar-placeholder--selected-female' : '' }}"></view>
|
|
</block>
|
|
|
|
<!-- 姓名 + 性别·年龄 -->
|
|
<view class="member-info">
|
|
<text class="member-name">{{ item.name }}</text>
|
|
<text class="member-sub">{{ item.gender }}·{{ item.age }}岁</text>
|
|
</view>
|
|
|
|
<!-- 竖向分隔线 -->
|
|
<view class="member-divider"></view>
|
|
|
|
<!-- 身高 -->
|
|
<text class="member-height">{{ item.height }}cm</text>
|
|
</view>
|
|
|
|
<!-- 水平分隔线 -->
|
|
<view class="member-separator"></view>
|
|
</block>
|
|
</scroll-view>
|
|
</block>
|
|
|
|
<!-- 无成员：占位 -->
|
|
<block wx:else>
|
|
<view class="drawer-empty">
|
|
<image class="drawer-empty-icon" src="/images/selectMemberDrawer/noData.png" mode="aspectFit"/>
|
|
<text class="drawer-empty-text">暂无可选成员</text>
|
|
</view>
|
|
</block>
|
|
</view>
|
|
</block>
|