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,101 @@
+/* components/cart-item/cart-item.wxss */
+@import "variables";
+
+.item {
+    background-color: white;
+    // background-color: red;
+    height: 300rpx;
+    margin-bottom: $primary-gap;
+    border-radius: $primary-border-radius;
+    display: flex;
+    justify-content: space-between;
+    padding: $primary-gap;
+
+    .left {
+        height: 300rpx;
+        display: flex;
+        justify-content: space-between;
+        flex-direction: column;
+
+        .pic {
+            border-radius: $primary-border-radius;
+            overflow: hidden;
+            min-width: 200rpx;
+            width: 200rpx;
+            height: 200rpx;
+            margin-right: $primary-gap;
+
+            image {
+                width: 100%;
+                height: 100%;
+            }
+        }
+
+        .delete {
+            height: 100rpx;
+            line-height: 120rpx;
+            margin-left: $primary-gap/2;
+
+            .delete-button {
+                color: $danger-color;
+                font-size: $large-font-size;
+            }
+        }
+    }
+
+
+    .right {
+        height: 200rpx;
+        display: flex;
+        flex-direction: column;
+        justify-content: space-around;
+        height: 300rpx;
+        max-width: 440rpx;
+
+        .name {
+            font-size: 40rpx;
+            font-weight: 700;
+            max-width: 500rpx;
+            white-space: nowrap;
+            overflow: hidden;
+            text-overflow: ellipsis;
+        }
+
+        .price {
+            font-size: $large-font-size;
+            font-weight: 700;
+            text-align: end;
+            color: $primary-color;
+        }
+
+        .count {
+            display: flex;
+            align-items: center;
+            width: 100%;
+            text-align: end;
+            justify-content: flex-end;
+            float: right;
+
+            .stepper {
+                margin-right: $primary-gap/2;
+            }
+
+            .unit {
+                font-size: $large-font-size;
+                text-align: end;
+            }
+        }
+
+        .stock {
+            color: $gray-color;
+            text-align: end;
+        }
+
+        .total-price {
+            font-size: $large-font-size;
+            font-weight: 700;
+            text-align: end;
+            color: $primary-color;
+        }
+    }
+}