|
|
@@ -4,32 +4,35 @@
|
|
|
<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" />
|
|
|
+ <image src="/static/icons/remixicon/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" />
|
|
|
</view>
|
|
|
<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-value">80.0 公斤</text>
|
|
|
<uni-icons class="menu-arrow" type="arrowright" size="20" color="#c0c0c0" />
|
|
|
</view>
|
|
|
<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-value">--</text>
|
|
|
<uni-icons class="menu-arrow" type="arrowright" size="20" color="#c0c0c0" />
|
|
|
</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-value">--</text>
|
|
|
<uni-icons class="menu-arrow" type="arrowright" size="20" color="#c0c0c0" />
|
|
|
</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-value">--</text>
|
|
|
<uni-icons class="menu-arrow" type="arrowright" size="20" color="#c0c0c0" />
|
|
|
</view>
|
|
|
<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-value">--</text>
|
|
|
<uni-icons class="menu-arrow" type="arrowright" size="20" color="#c0c0c0" />
|
|
|
@@ -72,7 +75,7 @@ const openDetail = (type: string) => {
|
|
|
}
|
|
|
|
|
|
.menu-card {
|
|
|
- padding: 30rpx 20rpx;
|
|
|
+ padding: 50rpx 40rpx;
|
|
|
}
|
|
|
|
|
|
.menu-list {
|
|
|
@@ -89,10 +92,22 @@ const openDetail = (type: string) => {
|
|
|
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 {
|
|
|
display: inline-flex;
|
|
|
align-items: center;
|
|
|
@@ -100,10 +115,11 @@ const openDetail = (type: string) => {
|
|
|
width: 44rpx;
|
|
|
height: 44rpx;
|
|
|
}
|
|
|
+
|
|
|
.menu-icon {
|
|
|
width: 40rpx;
|
|
|
height: 40rpx;
|
|
|
- margin-right: 20rpx;
|
|
|
+ margin-right: 30rpx;
|
|
|
display: inline-block;
|
|
|
}
|
|
|
</style>
|