Просмотр исходного кода

feat(health): 更新健康页面图标和样式

- 将身高、体重、BMI、血压、血糖、心率图标替换为 remixicon 图标库
- 调整菜单卡片内边距从 30rpx 20rpx 增大到 50rpx 40rpx
- 优化菜单项文本和数值的样式,增加字体大小和颜色定义
- 调整图标右边距从 20rpx 增大到 30rpx
- 移除旧的 height.svg 图标文件
mcbaiyun 2 месяцев назад
Родитель
Сommit
987cd6f3b4

+ 24 - 8
src/pages/health/health.vue

@@ -4,32 +4,35 @@
     <view class="menu-card">
     <view class="menu-card">
       <view class="menu-list">
       <view class="menu-list">
         <view class="menu-item" @click="openDetail('height')">
         <view class="menu-item" @click="openDetail('height')">
-          <image src="/static/icons/health/height.svg" class="menu-icon" mode="widthFix" />
+          <image src="/static/icons/remixicon/height.svg" class="menu-icon" mode="widthFix" />
           <text class="menu-text">身高</text>
           <text class="menu-text">身高</text>
           <text class="menu-value">--</text>
           <text class="menu-value">--</text>
           <uni-icons class="menu-arrow" type="arrowright" size="20" color="#c0c0c0" />
           <uni-icons class="menu-arrow" type="arrowright" size="20" color="#c0c0c0" />
         </view>
         </view>
         <view class="menu-item" @click="openDetail('weight')">
         <view class="menu-item" @click="openDetail('weight')">
+          <image src="/static/icons/remixicon/weight.svg" class="menu-icon" mode="widthFix" />
           <text class="menu-text">体重</text>
           <text class="menu-text">体重</text>
           <text class="menu-value">80.0 公斤</text>
           <text class="menu-value">80.0 公斤</text>
           <uni-icons class="menu-arrow" type="arrowright" size="20" color="#c0c0c0" />
           <uni-icons class="menu-arrow" type="arrowright" size="20" color="#c0c0c0" />
         </view>
         </view>
         <view class="menu-item" @click="openDetail('bmi')">
         <view class="menu-item" @click="openDetail('bmi')">
+          <image src="/static/icons/remixicon/bmi.svg" class="menu-icon" mode="widthFix" />
           <text class="menu-text">BMI</text>
           <text class="menu-text">BMI</text>
           <text class="menu-value">--</text>
           <text class="menu-value">--</text>
           <uni-icons class="menu-arrow" type="arrowright" size="20" color="#c0c0c0" />
           <uni-icons class="menu-arrow" type="arrowright" size="20" color="#c0c0c0" />
         </view>
         </view>
-        <view class="menu-item" @click="openDetail('blood-pressure')">
+        <view class="menu-item" @click="openDetail('blood-pressure')"><image src="/static/icons/remixicon/scan-line.svg" class="menu-icon" mode="widthFix" />
           <text class="menu-text">血压</text>
           <text class="menu-text">血压</text>
           <text class="menu-value">--</text>
           <text class="menu-value">--</text>
           <uni-icons class="menu-arrow" type="arrowright" size="20" color="#c0c0c0" />
           <uni-icons class="menu-arrow" type="arrowright" size="20" color="#c0c0c0" />
         </view>
         </view>
-        <view class="menu-item" @click="openDetail('blood-glucose')">
+        <view class="menu-item" @click="openDetail('blood-glucose')"><image src="/static/icons/remixicon/contrast-drop-2-line.svg" class="menu-icon" mode="widthFix" />
           <text class="menu-text">血糖</text>
           <text class="menu-text">血糖</text>
           <text class="menu-value">--</text>
           <text class="menu-value">--</text>
           <uni-icons class="menu-arrow" type="arrowright" size="20" color="#c0c0c0" />
           <uni-icons class="menu-arrow" type="arrowright" size="20" color="#c0c0c0" />
         </view>
         </view>
         <view class="menu-item" @click="openDetail('heart-rate')">
         <view class="menu-item" @click="openDetail('heart-rate')">
+          <image src="/static/icons/remixicon/heart-pulse.svg" class="menu-icon" mode="widthFix" />
           <text class="menu-text">心率</text>
           <text class="menu-text">心率</text>
           <text class="menu-value">--</text>
           <text class="menu-value">--</text>
           <uni-icons class="menu-arrow" type="arrowright" size="20" color="#c0c0c0" />
           <uni-icons class="menu-arrow" type="arrowright" size="20" color="#c0c0c0" />
@@ -72,7 +75,7 @@ const openDetail = (type: string) => {
 }
 }
 
 
 .menu-card {
 .menu-card {
-  padding: 30rpx 20rpx;
+  padding: 50rpx 40rpx;
 }
 }
 
 
 .menu-list {
 .menu-list {
@@ -89,10 +92,22 @@ const openDetail = (type: string) => {
   border-bottom: 1rpx solid #eee;
   border-bottom: 1rpx solid #eee;
 }
 }
 
 
-.menu-item:last-child { border-bottom: none }
+.menu-item:last-child {
+  border-bottom: none
+}
+
+.menu-text {
+  font-size: 32rpx;
+  color: #000000;
+  flex: 1
+}
+
+.menu-value {
+  font-size: 28rpx;
+  color: #5a5a5a;
+  margin-right: 10rpx
+}
 
 
-.menu-text { font-size: 32rpx; color: #000000; flex: 1 }
-.menu-value { font-size: 28rpx; color: #5a5a5a; margin-right: 10rpx }
 .menu-arrow {
 .menu-arrow {
   display: inline-flex;
   display: inline-flex;
   align-items: center;
   align-items: center;
@@ -100,10 +115,11 @@ const openDetail = (type: string) => {
   width: 44rpx;
   width: 44rpx;
   height: 44rpx;
   height: 44rpx;
 }
 }
+
 .menu-icon {
 .menu-icon {
   width: 40rpx;
   width: 40rpx;
   height: 40rpx;
   height: 40rpx;
-  margin-right: 20rpx;
+  margin-right: 30rpx;
   display: inline-block;
   display: inline-block;
 }
 }
 </style>
 </style>

Разница между файлами не показана из-за своего большого размера
+ 0 - 0
static/icons/health/height.svg


+ 35 - 0
static/icons/remixicon/Readme.md

@@ -0,0 +1,35 @@
+[# Remix Icon — 项目使用与版权说明]
+
+本文件说明本项目中包含并使用了 Remix Icon 图标库的部分资源。
+
+1. 原始来源
+
+     - Remix Icon 源仓库(镜像/上游):https://github.com/Remix-Design/remixicon
+     - 如果使用了镜像仓库,请同时保留对原作者与原仓库的署名。
+
+2. 许可
+
+     - Remix Icon 使用 Apache License 2.0 进行开源授权。原始许可文件请参考:
+         https://github.com/Remix-Design/remixicon/blob/master/License
+     - 根据 Apache-2.0 的要求,您可以在本项目中免费使用、修改并分发这些图标,但须保留原始许可和版权声明,并在二次分发时附带 NOTICE(如适用)。
+
+3. 本项目中的处理
+
+     - 本仓库仅保留了 Remix Icon 的部分图标文件(位于 `static/icons/remixicon/`),用于应用 UI 展示。
+     - 我们未对图标的原始设计作者进行修改署名。若对图标进行了修改,请在相应文件旁注明修改说明与修改者信息。
+
+4. 如何查看原始许可证与源代码
+
+     - 推荐访问上游项目页面查看完整的许可证与文件列表:
+         https://github.com/Remix-Design/remixicon
+     - 上游 LICENSE 文件(Apache-2.0):
+         https://github.com/Remix-Design/remixicon/blob/master/License
+
+5. 联系方式
+
+     - 如需版权或许可相关问题,请联系本项目维护者:
+         (在此处填写项目维护者邮箱或仓库 issues 链接)
+
+6. 免责声明
+
+     - 本项目对 Remix Icon 的所有原始版权归 Remix Icon 项目及其作者所有。我们仅按照 Apache-2.0 许可使用并分发这些图标。该许可不等同于本项目其它源代码的许可,请分别查看相应文件。

+ 1 - 0
static/icons/remixicon/bar-chart-box-line.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="32" height="32" fill="rgba(114,114,114,1)"><path d="M3 3H21C21.5523 3 22 3.44772 22 4V20C22 20.5523 21.5523 21 21 21H3C2.44772 21 2 20.5523 2 20V4C2 3.44772 2.44772 3 3 3ZM4 5V19H20V5H4ZM7 13H9V17H7V13ZM11 7H13V17H11V7ZM15 10H17V17H15V10Z"></path></svg>

+ 1 - 0
static/icons/remixicon/bmi.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="32" height="32" fill="rgba(114,114,114,1)"><path d="M4 2H20C20.5523 2 21 2.44772 21 3V21C21 21.5523 20.5523 22 20 22H4C3.44772 22 3 21.5523 3 21V3C3 2.44772 3.44772 2 4 2ZM5 4V20H19V4H5ZM7 6H17V10H7V6ZM7 12H9V14H7V12ZM7 16H9V18H7V16ZM11 12H13V14H11V12ZM11 16H13V18H11V16ZM15 12H17V18H15V12Z"></path></svg>

+ 1 - 0
static/icons/remixicon/contrast-drop-2-line.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="32" height="32" fill="rgba(114,114,114,1)"><path d="M12 3.09735L7.05025 8.04709C4.31658 10.7808 4.31658 15.2129 7.05025 17.9466C9.78392 20.6803 14.2161 20.6803 16.9497 17.9466C19.6834 15.2129 19.6834 10.7808 16.9497 8.0471L12 3.09735ZM12 0.268921L18.364 6.63288C21.8787 10.1476 21.8787 15.8461 18.364 19.3608C14.8492 22.8755 9.15076 22.8755 5.63604 19.3608C2.12132 15.8461 2.12132 10.1476 5.63604 6.63288L12 0.268921ZM7 12.9968H17C17 15.7583 14.7614 17.9968 12 17.9968C9.23858 17.9968 7 15.7583 7 12.9968Z"></path></svg>

+ 1 - 0
static/icons/remixicon/drop-line.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="32" height="32" fill="rgba(114,114,114,1)"><path d="M12 3.09723L7.05025 8.04697C4.31658 10.7806 4.31658 15.2128 7.05025 17.9465C9.78392 20.6801 14.2161 20.6801 16.9497 17.9465C19.6834 15.2128 19.6834 10.7806 16.9497 8.04697L12 3.09723ZM12 0.268799L18.364 6.63276C21.8787 10.1475 21.8787 15.846 18.364 19.3607C14.8492 22.8754 9.15076 22.8754 5.63604 19.3607C2.12132 15.846 2.12132 10.1475 5.63604 6.63276L12 0.268799Z"></path></svg>

+ 1 - 0
static/icons/remixicon/heart-pulse.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="32" height="32" fill="rgba(114,114,114,1)"><path d="M16.5 3C19.5376 3 22 5.5 22 9C22 16 14.5 20 12 21.5C10.0226 20.3135 4.91699 17.563 2.86894 13.001L1 13V11L2.21045 11.0009C2.07425 10.3633 2 9.69651 2 9C2 5.5 4.5 3 7.5 3C9.35997 3 11 4 12 5C13 4 14.64 3 16.5 3ZM16.5 5C15.4241 5 14.2593 5.56911 13.4142 6.41421L12 7.82843L10.5858 6.41421C9.74068 5.56911 8.5759 5 7.5 5C5.55906 5 4 6.6565 4 9C4 9.68542 4.09035 10.3516 4.26658 11.0004L6.43381 11L8.5 7.55635L11.5 12.5563L12.4338 11H17V13H13.5662L11.5 16.4437L8.5 11.4437L7.56619 13L5.10789 13.0006C5.89727 14.3737 7.09304 15.6681 8.64514 16.9029C9.39001 17.4955 10.1845 18.0485 11.0661 18.6038C11.3646 18.7919 11.6611 18.9729 12 19.1752C12.3389 18.9729 12.6354 18.7919 12.9339 18.6038C13.8155 18.0485 14.61 17.4955 15.3549 16.9029C18.3337 14.533 20 11.9435 20 9C20 6.64076 18.463 5 16.5 5Z"></path></svg>

+ 1 - 0
static/icons/remixicon/height.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="32" height="32" fill="rgba(114,114,114,1)"><path d="M6.34323 14.728L3.5148 17.5565L7.05033 21.092L20.4854 7.65696L16.9498 4.12143L14.8285 6.24275L16.2427 7.65696L14.8285 9.07118L13.4143 7.65696L11.293 9.77828L13.4143 11.8996L12.0001 13.3138L9.87876 11.1925L7.75744 13.3138L9.17165 14.728L7.75744 16.1422L6.34323 14.728ZM17.6569 2.00011L22.6067 6.94986C22.9972 7.34038 22.9972 7.97354 22.6067 8.36407L7.75744 23.2133C7.36692 23.6038 6.73375 23.6038 6.34323 23.2133L1.39348 18.2636C1.00295 17.873 1.00295 17.2399 1.39348 16.8494L16.2427 2.00011C16.6332 1.60958 17.2664 1.60958 17.6569 2.00011Z"></path></svg>

+ 1 - 0
static/icons/remixicon/scan-line.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="32" height="32" fill="rgba(114,114,114,1)"><path d="M5.67127 4.25705L13.4142 12L12 13.4142L5.68014 7.09436C4.62708 8.44904 4 10.1513 4 12C4 16.4183 7.58172 20 12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4C11.0848 4 10.2054 4.15369 9.38641 4.43667L7.84921 2.89947C9.11354 2.32187 10.5192 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 8.87842 3.43029 6.09091 5.67127 4.25705Z"></path></svg>

+ 1 - 0
static/icons/remixicon/weight.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="32" height="32" fill="rgba(114,114,114,1)"><path d="M12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2ZM12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4ZM15.8329 7.33748C16.0697 7.17128 16.3916 7.19926 16.5962 7.40381C16.8002 7.60784 16.8267 7.92955 16.6587 8.16418C14.479 11.2095 13.2796 12.8417 13.0607 13.0607C12.4749 13.6464 11.5251 13.6464 10.9393 13.0607C10.3536 12.4749 10.3536 11.5251 10.9393 10.9393C11.3126 10.5661 12.9438 9.36549 15.8329 7.33748ZM17.5 11C18.0523 11 18.5 11.4477 18.5 12C18.5 12.5523 18.0523 13 17.5 13C16.9477 13 16.5 12.5523 16.5 12C16.5 11.4477 16.9477 11 17.5 11ZM6.5 11C7.05228 11 7.5 11.4477 7.5 12C7.5 12.5523 7.05228 13 6.5 13C5.94772 13 5.5 12.5523 5.5 12C5.5 11.4477 5.94772 11 6.5 11ZM8.81802 7.40381C9.20854 7.79433 9.20854 8.4275 8.81802 8.81802C8.4275 9.20854 7.79433 9.20854 7.40381 8.81802C7.01328 8.4275 7.01328 7.79433 7.40381 7.40381C7.79433 7.01328 8.4275 7.01328 8.81802 7.40381ZM12 5.5C12.5523 5.5 13 5.94772 13 6.5C13 7.05228 12.5523 7.5 12 7.5C11.4477 7.5 11 7.05228 11 6.5C11 5.94772 11.4477 5.5 12 5.5Z"></path></svg>

Некоторые файлы не были показаны из-за большого количества измененных файлов