feat: 电子药箱小程序 - 4Tab药品管理

- 电子药箱: 药品库存管理 + 手动录入 + 今日用药打卡
- 药品百科: 搜索 + 分类筛选 + 20种药品静态数据
- 惠教中心: 4条药品使用指南课程
- 我的: 家庭成员信息管理
- 自定义TabBar + navigation-bar组件
- SVG药品分类插图

miniprogram/package-live/volc-mini-sdk/components/image-text-float/award/award-list/award-list.json

@@ -0,0 +1 @@
+{"component":true,"usingComponents":{}}

miniprogram/package-live/volc-mini-sdk/components/image-text-float/award/award-list/award-list.wxml

@@ -0,0 +1,13 @@
+<view class="award-list-content{{IsUseDarkTheme ? ' award-list-content-dark' : ''}}{{data.AwardThemeUrl === 'lotteryBox' ? ' award-list-content-box' : ''}}{{data.AwardThemeUrl === 'slotMachine' ? ' award-list-content-machine' : ''}}">
+  <view class="award-list-title">中奖名单</view>
+  <view class="award-list-desc">共{{total || 0}}人中奖</view>
+  <view class="tel-list" wx:if="{{list.length}}" style="justify-content: {{(!list.length || list.length === 1) ? 'center' : 'initial'}}">
+    <view class="tel-list-item" wx:for="{{list}}" wx:for-index="index" wx:for-item="item" wx:key="index">
+      {{item.Name}} {{item.Comment}}
+    </view>
+  </view>
+  <view wx:elif="{{!list.length && !loading}}" class="tel-list-empty">
+    <image src="../assets/empty_icon.svg" />
+  </view>
+  <view wx:if="{{total > 200 && total > list.length}}" class="tel-list-tip">仅展示前200名中奖观众</view>
+</view>

miniprogram/package-live/volc-mini-sdk/components/image-text-float/award/award-list/award-list.wxss

@@ -0,0 +1 @@
+.award-list-content .award-list-title{background:linear-gradient(180deg,#1664ff 12%,#16b9ff 96%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent;font-weight:600;font-size:calc(18px + .5 * (1rem - 16px));text-align:center}.award-list-content .award-list-desc{font-size:calc(14px + .5 * (1rem - 16px));color:#737a87;text-align:center;margin-bottom:20px;margin-top:2px}.award-list-content .tel-list{overflow-y:auto;padding-left:6px;text-align:center;min-height:78px;display:flex;align-items:center;flex-wrap:wrap}.award-list-content .tel-list::-webkit-scrollbar{width:4px;display:block}.award-list-content .tel-list::-webkit-scrollbar-thumb{width:4px;border-radius:4px;background:#939aa3}.award-list-content .tel-list::-webkit-scrollbar-track{border-radius:0;background:0 0}.award-list-content .tel-list-item{text-align:center;font-size:calc(14px + .5 * (1rem - 16px));line-height:calc(22px + .5 * (1rem - 16px));letter-spacing:1px;color:#0c0d0e;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:50%;display:inline-block;margin-bottom:2px}.award-list-content .tel-list-empty{width:100%}.award-list-content .tel-list-empty image{width:148rpx;height:148rpx;margin:0 auto}.award-list-content .tel-list-tip{font-size:calc(14px + .5 * (1rem - 16px));color:#737a87;width:100%;text-align:center}.award-list-content.award-list-content-dark .award-list-title{background:linear-gradient(180deg,#1664ff 12%,#9abcff 96%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent}.award-list-content.award-list-content-dark .award-list-desc{color:#737a87}.award-list-content.award-list-content-dark .tel-list-item{color:#fff}.award-list-content.award-list-content-box .award-list-title{background:linear-gradient(90deg,#a965ff .52%,#ff19a3 52.47%,#ffa551 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent}.award-list-content.award-list-content-box .award-list-desc{color:#737a87}.award-list-content.award-list-content-box .tel-list-item{color:#fff}.award-list-content.award-list-content-machine .award-list-title{background:linear-gradient(180deg,#ff5420 18.79%,rgba(255,85,38,.7) 83.6%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent}.award-list-content.award-list-content-machine .award-list-desc{color:#737a87}.award-list-content.award-list-content-machine .tel-list-item{color:#0c0d0e}