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

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

miniprogram/pages/live/video/video.scss

@@ -0,0 +1,122 @@
+/* pages/video/video.wxss */
+@import "../../../variables";
+page {
+    background: #f9f9f9;
+     height: 100%;
+}
+
+.scrollarea {
+  height: 90vh;
+  display: flex;
+  flex-direction: column;
+  .tabs {
+    flex:1
+  }
+}
+
+
+.scrollarea-inner {
+  height: 50vh;
+  width: 100%;
+   box-sizing: border-box;
+
+   rich-text {
+    width: 100%;
+    height: 100%;
+    box-sizing: border-box;
+  }
+}
+
+.submit-container {
+    position: fixed;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    padding: 20rpx;
+    box-shadow: 0 -2rpx 10rpx rgba(0, 0, 0, 0.1);
+    z-index: 100;
+}
+
+/* 提交按钮样式 */
+.btn {
+    width: 80%;
+    height: 88rpx;
+    line-height: 88rpx;
+    background: #ff4d4f;
+    color: white;
+    border-radius: 44rpx;
+    font-size: 32rpx;
+    border: none;
+    margin: 0 auto;
+    position: fixed;
+    left: 50%;
+    transform: translate(-50%);
+    z-index: 1000;
+    transition: all 0.3s ease;
+}
+
+.btn:active {
+    background: #ff7875;
+}
+.scrollarea-inner-text{
+  padding: 40rpx;
+  box-sizing: border-box;
+  overflow: auto;
+}
+
+rich-content image {
+  width: 100% !important;
+  height: auto !important;
+  display: block;
+}
+
+rich-content img {
+  width: 100% !important;
+  height: auto !important;
+  display: block;
+}
+
+.error{
+    white-space: nowrap;
+    background: #FF4D4F;
+    color: #fff;
+    font-size: 22rpx;
+    padding: 6rpx 24rpx;
+    border-radius: 20rpx;
+    line-height: 1.5;
+    box-shadow: 0 2rpx 8rpx rgba(255, 77, 79, 0.4);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    transition: all 0.3s ease;
+    border: none;
+    outline: none;
+    margin: 0;
+    &::before {
+        content: '⚠';
+        margin-right: 4rpx;
+        font-size: 20rpx;
+    }
+    &::after {
+        border: none;
+    }
+    &:active {
+        opacity: 0.8;
+        transform: scale(0.95);
+    }
+}
+
+.history{
+    position: absolute;
+    right: 10rpx;
+    top: 110rpx;
+    display: flex;
+    justify-content: center;
+    padding-left: 12rpx;
+    border-radius: 48rpx 0rpx 0rpx 48rpx;
+    box-sizing: border-box;
+    .icon{
+        width: 100rpx;
+        height: 80rpx;
+    }
+}