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

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

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

@@ -0,0 +1,43 @@
+/* components/sku-item/sku-item.wxss */
+@import "variables";
+
+.item {
+  display: inline-flex;
+  align-items: center;
+  height: 60rpx;
+  margin: 0rpx $primary-gap $primary-gap $primary-gap;
+  background-color: rgba(0, 0, 0, 0.05);
+  border-radius: $primary-border-radius/2;
+  border: 2rpx solid rgba(255, 255, 255, 0); //给一个透明的边框，不然选中会有一个2rpx的左右边框，宽度会有变化
+
+  .img {
+    width: 60rpx;
+    height: 60rpx;
+    margin-right: $primary-gap/2;
+    border-radius: 10rpx;
+    overflow: hidden;
+
+    .pic {
+      width: 100%;
+      height: 100%;
+    }
+  }
+
+  .content {
+    padding: 0 $primary-gap/2;
+    font-size: $large-font-size;
+    line-height: 60rpx;
+  }
+}
+
+.item-active {
+  color: $primary-color;
+  border: 2rpx solid $primary-color;
+  background-color: #ffddcb50;
+}
+
+.item-disable {
+  color: $gray-color !important;
+  border: 2rpx solid rgba(255, 255, 255, 0);
+  background-color: rgba(0, 0, 0, 0.05);
+}