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

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

miniprogram/pages/common/red/red.wxml

@@ -0,0 +1,29 @@
+<!--pages/common/red/red.wxml-->
+<!-- <navigation-bar title="红包详情" back="{{false}}" color="black" background="#FFF"></navigation-bar> -->
+<view class="body">
+    <view class="bg"
+        style="height: calc(100vh - {{safeBottom}}rpx - {{safeTop}}rpx);margin-top: {{safeTop}}rpx;">
+        <view class="content"></view>
+
+        <view class="item-container">
+            <view class="content-item">
+                <block wx:for="{{list}}" wx:key="openId">
+                    <view class="item">
+                        <image class="avatar" src="{{item.avatar ||defaultAvatarUrl}}"></image>
+                        <view class="info">
+                            <view class="nickname">
+                                <text class="name">{{item.nickname}}</text>
+                                <text class="price">{{item.amount / 100}}元</text>
+                            </view>
+                            <view class="time">
+                                <text>{{item.date}}</text>
+                                <text>{{item.stateText}}</text>
+                            </view>
+                        </view>
+                    </view>
+                </block>
+            </view>
+        </view>
+    </view>
+    <div class="safeBottom" style="height: {{safeBottom}}rpx;"></div>
+</view>