| | |
| | | <view v-if="drawerVisible" class="drawer-layer"> |
| | | <view class="drawer-panel" :class="{ open: drawerOpen }"> |
| | | <view class="drawer-hero" @tap="goProfile"> |
| | | <view class="avatar"></view> |
| | | <image |
| | | v-if="guide.avatar" |
| | | class="avatar avatar-image" |
| | | :src="guide.avatar" |
| | | mode="aspectFill" |
| | | /> |
| | | <view v-else class="avatar"></view> |
| | | <view class="guide-info"> |
| | | <view class="guide-inline"> |
| | | <text class="guide-name">{{ guide.name || '赵四' }}</text> |
| | |
| | | } |
| | | |
| | | .avatar { |
| | | box-sizing: border-box; |
| | | flex-shrink: 0; |
| | | width: 108rpx; |
| | | height: 108rpx; |
| | | border: 2rpx solid rgba(255, 255, 255, 0.9); |
| | |
| | | background: #ffffff; |
| | | } |
| | | |
| | | .avatar-image { |
| | | display: block; |
| | | background: #eef1f5; |
| | | } |
| | | |
| | | .guide-info { |
| | | flex: 1; |
| | | margin-left: 52rpx; |