陈誉午
994b267f5c
- 电子药箱: 药品库存管理 + 手动录入 + 今日用药打卡 - 药品百科: 搜索 + 分类筛选 + 20种药品静态数据 - 惠教中心: 4条药品使用指南课程 - 我的: 家庭成员信息管理 - 自定义TabBar + navigation-bar组件 - SVG药品分类插图
58 lines
2.2 KiB
Plaintext
58 lines
2.2 KiB
Plaintext
<view wx:if="{{mounted}}" class="guide-popup {{visible ? 'is-visible' : ''}}">
|
|
<view class="guide-mask" bindtap="handleClose"></view>
|
|
|
|
<view class="guide-shell" catchtap="noop" catchtouchmove="noop">
|
|
<view class="guide-drag-bar"></view>
|
|
|
|
<view class="guide-avatar-wrap">
|
|
<image
|
|
wx:if="{{avatarUrl}}"
|
|
class="guide-avatar"
|
|
src="{{avatarUrl}}"
|
|
mode="aspectFill"
|
|
bindtap="handlePreviewAvatar"
|
|
/>
|
|
<view wx:else class="guide-avatar guide-avatar-fallback">{{avatarLetter}}</view>
|
|
</view>
|
|
|
|
<view class="guide-panel">
|
|
<view class="guide-topbar">
|
|
<view class="guide-name">{{displayName}}</view>
|
|
<view class="guide-entry">
|
|
<image class="guide-entry-icon" src="./icons/user.svg" mode="aspectFit" />
|
|
<text class="guide-entry-text">{{displaySubtitle}}</text>
|
|
</view>
|
|
</view>
|
|
|
|
<view class="guide-balance-card">
|
|
<view class="guide-balance-main">
|
|
<view class="guide-balance-label">{{balanceLabel}}</view>
|
|
<view class="guide-balance-value">￥{{amount}}</view>
|
|
</view>
|
|
|
|
<view class="guide-balance-actions">
|
|
<view class="guide-pill guide-pill-primary" data-key="withdraw" bindtap="handleQuickAction">
|
|
{{withdrawText}}
|
|
</view>
|
|
<view class="guide-pill" data-key="income-detail" bindtap="handleQuickAction">
|
|
{{incomeText}}
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
<view class="guide-grid">
|
|
<view
|
|
wx:for="{{menuItems}}"
|
|
wx:key="key"
|
|
class="guide-grid-item"
|
|
data-key="{{item.key}}"
|
|
bindtap="handleMenuTap"
|
|
>
|
|
<image class="guide-grid-icon" src="{{item.icon}}" mode="aspectFit" />
|
|
<text class="guide-grid-label">{{item.label}}</text>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|