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

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

miniprogram/components/static/good-item/good-item.scss

@@ -0,0 +1,67 @@
+@import "variables";
+
+.good-container {
+  // 宽：（750rpx - 左右边距 24*2rpx - 中间边距 24rpx）/ 2
+  width: 339rpx;
+  //高 为宽的1.5倍 （3比2）
+  height: 509rpx;
+  overflow: hidden;
+  border-radius: $primary-border-radius;
+  background: white;
+
+  .image {
+    width: 100%;
+    height: 339rpx;
+    border-radius: $primary-border-radius;
+  }
+
+  .content {
+    padding: 0rpx 12rpx;
+    display: flex;
+    flex-direction: column;
+
+    .title {
+      overflow: hidden;
+      white-space: nowrap;
+      display: block;
+      width: 100%;
+      line-height: 55rpx;
+      height: 55rpx;
+      font-size:  $large-font-size;
+      font-weight: 600;
+    }
+
+    .desc {
+      overflow: hidden;
+      white-space: nowrap;
+      display: block;
+      text-overflow: ellipsis;
+      width: 100%;
+      color: $primary-color;
+      line-height: 45rpx;
+      height: 45rpx;
+    }
+
+    .count {
+      display: flex;
+       justify-content: space-between;
+      line-height: 45rpx;
+      height: 45rpx;
+      color: $primary-color;
+
+      .price {
+
+        .money {
+           font-size: $large-font-size;
+
+        }
+      }
+
+      .quantity {
+        color: black;
+        margin-right: $primary-gap / 2;
+        // font-size: $small-font-size;
+      }
+    }
+  }
+}