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

- 电子药箱: 药品库存管理 + 手动录入 + 今日用药打卡 - 药品百科: 搜索 + 分类筛选 + 20种药品静态数据 - 惠教中心: 4条药品使用指南课程 - 我的: 家庭成员信息管理 - 自定义TabBar + navigation-bar组件 - SVG药品分类插图
2026-07-29 11:20:52 +08:00
commit 994b267f5c
683 changed files with 43849 additions and 0 deletions
@@ -0,0 +1,186 @@
+/* components/static/coupon-popup/coupon-popup.wxss */
+.popup-header {
+    font-size: 36rpx;
+    color: #FA6905;
+    font-weight: 600;
+    padding-bottom: 12rpx;
+    border-bottom: 1rpx solid rgba(0, 0, 0, 0.1);
+}
+
+.list-container {
+    margin-top: 24rpx;
+    position: relative;
+    box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 8px;
+    display: grid;
+    grid-template-columns: repeat(1, 1fr);
+    gap: 24rpx;
+    background: rgba(0, 0, 0, 0);
+
+    .default {
+        background: linear-gradient(135deg, rgb(255, 107, 107) 0%, rgb(255, 142, 83) 100%);
+        padding: 32rpx;
+        border-radius: 24rpx;
+        color: #fff;
+        display: flex;
+        flex-direction: column;
+        gap: 20rpx;
+        min-height: 240rpx;
+
+        .default-content {
+            display: flex;
+            flex-direction: column;
+            align-items: center;
+            gap: 8rpx;
+
+            .amount {
+                font-size: 48rpx;
+                font-weight: 700;
+                line-height: 1;
+            }
+
+            .min-price {
+                font-size: 24rpx;
+                opacity: 0.9;
+            }
+
+            .name {
+                font-size: 28rpx;
+                font-weight: 600;
+                line-height: 1.3;
+                height: 76rpx;
+                overflow: hidden;
+            }
+
+            .desc {
+                font-size: 24rpx;
+                opacity: 0.85;
+                overflow: hidden;
+                text-overflow: ellipsis;
+                white-space: nowrap;
+            }
+        }
+
+        .default-bottom {
+            display: flex;
+            justify-content: space-between;
+        }
+
+        .id {
+            opacity: 0;
+            user-select: none;
+        }
+    }
+
+    .large {
+        display: flex;
+        flex-direction: row;
+        justify-content: space-around;
+        gap: 32rpx;
+        color: #fff;
+        // height: 160rpx;
+        background: linear-gradient(135deg, rgb(255, 107, 107) 0%, rgb(255, 142, 83) 100%);
+        padding: 32rpx;
+        border-radius: 24rpx;
+
+        .large-left {
+            display: flex;
+            flex-direction: column;
+            align-items: center;
+            justify-content: center;
+            gap: 8rpx;
+
+            .amount {
+                font-size: 48rpx;
+                font-weight: 700;
+                line-height: 1;
+            }
+
+            .min-price {
+                font-size: 24rpx;
+                opacity: 0.9;
+            }
+        }
+
+        .large-center {
+            width: 1px;
+            background: white;
+            margin: 0rpx;
+        }
+
+        .large-right {
+            display: flex;
+            flex-direction: column;
+            justify-content: space-between;
+            height: 100%;
+            gap: 8rpx;
+            width: 100%;
+
+            .large-title {
+                display: flex;
+                align-items: center;
+
+                .name {
+                    font-weight: bold;
+                    font-size: 30rpx;
+                    flex: 1;
+                    overflow: hidden;
+                    text-overflow: ellipsis;
+                    white-space: nowrap;
+                }
+            }
+
+            .desc {
+                font-size: 24rpx;
+                opacity: 0.85;
+                overflow: hidden;
+                text-overflow: ellipsis;
+                white-space: nowrap;
+            }
+
+            .large-bottom {
+                display: flex;
+                align-items: center;
+                justify-content: space-between;
+
+                .id {
+                    opacity: 0;
+                    user-select: none;
+                }
+
+                .large-button {
+                    margin-top: 8rpx;
+                }
+
+            }
+        }
+    }
+
+    .button {
+        background: rgba(255, 255, 255, 0.9);
+        border: none;
+        color: #333;
+        font-weight: 600;
+        box-shadow: 0 4rpx 16rpx rgba(0, 0, 0, 0.1);
+        min-width: 140rpx;
+        height: 48rpx;
+        border-radius: 24rpx;
+        line-height: 48rpx;
+        font-size: 28rpx;
+        margin: 0;
+        color: #FA6905;
+    }
+
+}
+
+.no-use{
+    width: 100%;
+    background-color:rgb(255, 125, 95);
+    border-radius:24rpx;
+    margin-top:24rpx;
+    height: 70rpx;
+    line-height: 70rpx;
+    text-align: center;
+    font-weight: 800;
+    font-size: 38rpx;
+    color: #fff;
+}