浏览代码

feat(health): 添加身高菜单图标

- 在身高菜单项中添加图标显示
- 引入身高图标资源文件
- 定义菜单图标样式类
- 设置图标尺寸和右边距
- 使用 inline-block 显示方式
mcbaiyun 2 月之前
父节点
当前提交
74ef6e71a7
共有 2 个文件被更改,包括 7 次插入0 次删除
  1. 7 0
      src/pages/health/health.vue
  2. 0 0
      static/icons/health/height.svg

+ 7 - 0
src/pages/health/health.vue

@@ -4,6 +4,7 @@
     <view class="menu-card">
       <view class="menu-list">
         <view class="menu-item" @click="openDetail('height')">
+          <image src="/static/icons/health/height.svg" class="menu-icon" mode="widthFix" />
           <text class="menu-text">身高</text>
           <text class="menu-value">--</text>
           <uni-icons class="menu-arrow" type="arrowright" size="20" color="#c0c0c0" />
@@ -99,4 +100,10 @@ const openDetail = (type: string) => {
   width: 44rpx;
   height: 44rpx;
 }
+.menu-icon {
+  width: 40rpx;
+  height: 40rpx;
+  margin-right: 20rpx;
+  display: inline-block;
+}
 </style>

文件差异内容过多而无法显示
+ 0 - 0
static/icons/health/height.svg


部分文件因为文件数量过多而无法显示