Skip to content

飞
飞鹤小程序
Commit 3c49a546 authored by 王炽's avatar 王炽
Browse files
Options

结果页颜色调整

parent 803d409c
Hide whitespace changes
Inline Side-by-side
Showing with 28 additions and 20 deletions
pages/shengzhangTestResult/shengzhangTestResult.vue
View file @ 3c49a546
...@@ -69,29 +69,29 @@ ...@@ -69,29 +69,29 @@
<view class="measurement-item"> <view class="measurement-item">
<text class="measurement-label">身高</text> <text class="measurement-label">身高</text>
<view class="measurement-status normal"> <view class="measurement-status normal">
<image class="status-icon" :src="`${$baseUrl}shengzhangTestResult/1001/duihaoIcon.png`" mode="aspectFit"></image> <image class="status-icon" :src="`${$baseUrl}shengzhangTestResult/1001/${statusImgMap[analysisData?.heightStatus]}.png`" mode="aspectFit"></image>
<text>{{statusMap[analysisData?.heightStatus]}}</text> <!-- <text>{{statusMap[analysisData?.heightStatus]}}</text> -->
</view> </view>
</view> </view>
<view class="measurement-item"> <view class="measurement-item">
<text class="measurement-label">体重</text> <text class="measurement-label">体重</text>
<view class="measurement-status normal"> <view class="measurement-status normal">
<image class="status-icon" :src="`${$baseUrl}shengzhangTestResult/1001/duihaoIcon.png`" mode="aspectFit"></image> <image class="status-icon" :src="`${$baseUrl}shengzhangTestResult/1001/${statusImgMap[analysisData?.weightStatus]}.png`" mode="aspectFit"></image>
<text>{{statusMap[analysisData?.weightStatus]}}</text> <!-- <text>{{statusMap[analysisData?.weightStatus]}}</text> -->
</view> </view>
</view> </view>
<view class="measurement-item" v-if="analysisData?.headStatus"> <view class="measurement-item" v-if="analysisData?.headStatus">
<text class="measurement-label">头围</text> <text class="measurement-label">头围</text>
<view class="measurement-status normal"> <view class="measurement-status normal">
<image class="status-icon" :src="`${$baseUrl}shengzhangTestResult/1001/duihaoIcon.png`" mode="aspectFit"></image> <image class="status-icon" :src="`${$baseUrl}shengzhangTestResult/1001/${statusImgMap[analysisData?.headStatus]}.png`" mode="aspectFit"></image>
<text>{{statusMap[analysisData?.headStatus]}}</text> <!-- <text>{{statusMap[analysisData?.headStatus]}}</text> -->
</view> </view>
</view> </view>
<view class="measurement-item"> <view class="measurement-item">
<text class="measurement-label">BMI</text> <text class="measurement-label">BMI</text>
<view class="measurement-status normal"> <view class="measurement-status normal">
<image class="status-icon" :src="`${$baseUrl}shengzhangTestResult/1001/duihaoIcon.png`" mode="aspectFit"></image> <image class="status-icon" :src="`${$baseUrl}shengzhangTestResult/1001/${statusImgMap[analysisData?.bmiStatus]}.png`" mode="aspectFit"></image>
<text>{{statusMap[analysisData?.bmiStatus]}}</text> <!-- <text>{{statusMap[analysisData?.bmiStatus]}}</text> -->
</view> </view>
</view> </view>
</view> </view>
...@@ -258,29 +258,29 @@ ...@@ -258,29 +258,29 @@
<view class="measurement-item"> <view class="measurement-item">
<text class="measurement-label">身高</text> <text class="measurement-label">身高</text>
<view class="measurement-status normal"> <view class="measurement-status normal">
<image class="status-icon" :src="`${$baseUrl}shengzhangTestResult/1001/duihaoIcon.png`" mode="aspectFit"></image> <image class="status-icon" :src="`${$baseUrl}shengzhangTestResult/1001/${statusImgMap[item?.heightStatus]}.png`" mode="aspectFit"></image>
<text>{{statusMap[item?.heightStatus]}}</text> <!-- <text>{{statusMap[item?.heightStatus]}}</text> -->
</view> </view>
</view> </view>
<view class="measurement-item"> <view class="measurement-item">
<text class="measurement-label">体重</text> <text class="measurement-label">体重</text>
<view class="measurement-status normal"> <view class="measurement-status normal">
<image class="status-icon" :src="`${$baseUrl}shengzhangTestResult/1001/duihaoIcon.png`" mode="aspectFit"></image> <image class="status-icon" :src="`${$baseUrl}shengzhangTestResult/1001/${statusImgMap[item?.weightStatus]}.png`" mode="aspectFit"></image>
<text>{{statusMap[item?.weightStatus]}}</text> <!-- <text>{{statusMap[item?.weightStatus]}}</text> -->
</view> </view>
</view> </view>
<view class="measurement-item" v-if="item?.head"> <view class="measurement-item" v-if="item?.head">
<text class="measurement-label">头围</text> <text class="measurement-label">头围</text>
<view class="measurement-status normal"> <view class="measurement-status normal">
<image class="status-icon" :src="`${$baseUrl}shengzhangTestResult/1001/duihaoIcon.png`" mode="aspectFit"></image> <image class="status-icon" :src="`${$baseUrl}shengzhangTestResult/1001/${statusImgMap[item?.headStatus]}.png`" mode="aspectFit"></image>
<text>{{statusMap[item?.headStatus]}}</text> <!-- <text>{{statusMap[item?.headStatus]}}</text> -->
</view> </view>
</view> </view>
<view class="measurement-item"> <view class="measurement-item">
<text class="measurement-label">BMI</text> <text class="measurement-label">BMI</text>
<view class="measurement-status normal"> <view class="measurement-status normal">
<image class="status-icon" :src="`${$baseUrl}shengzhangTestResult/1001/duihaoIcon.png`" mode="aspectFit"></image> <image class="status-icon" :src="`${$baseUrl}shengzhangTestResult/1001/${statusImgMap[item?.bmiStatus]}.png`" mode="aspectFit"></image>
<text>{{statusMap[item?.bmiStatus]}}</text> <!-- <text>{{statusMap[item?.bmiStatus]}}</text> -->
</view> </view>
</view> </view>
</view> </view>
...@@ -461,6 +461,14 @@ const statusMap = { ...@@ -461,6 +461,14 @@ const statusMap = {
HIGH: '偏高' HIGH: '偏高'
} }
const statusImgMap = {
NORMAL: 'resultTips2',
SLIGHT_LOW: 'resultTips1',
SLIGHT_HIGH: 'resultTips3',
LOW: 'resultTips0',
HIGH: 'resultTips4'
}
// 切换导航标签 // 切换导航标签
/** /**
* @param {string} tab - 要切换的标签名称（'latest'|'history'） * @param {string} tab - 要切换的标签名称（'latest'|'history'）
...@@ -1369,8 +1377,8 @@ const onTouchEnd = () => { ...@@ -1369,8 +1377,8 @@ const onTouchEnd = () => {
align-items: center; align-items: center;
.status-icon { .status-icon {
width: 16rpx; width: 66rpx;
height: 16rpx; height: 23rpx;
margin-right: 6rpx; margin-right: 6rpx;
} }
} }
...@@ -1554,8 +1562,8 @@ const onTouchEnd = () => { ...@@ -1554,8 +1562,8 @@ const onTouchEnd = () => {
align-items: center; align-items: center;
.status-icon { .status-icon {
width: 16rpx; width: 66rpx;
height: 16rpx; height: 23rpx;
margin-right: 6rpx; margin-right: 6rpx;
} }
} }
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment