whitechiina
/
ai-watch-app
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat: 新增步数模块

This commit is contained in:
white 2024-07-05 18:02:10 +08:00
parent a7b4d6069f
commit c8b504ce03
1 changed files with 47 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

47
pages/index/index.vue
View File

@ -15,6 +15,33 @@
</view> </view>
</view> </view>
</view> </view>
<view class="content-item row">
<view class="item">
<view class="title">卡路里</view>
<view class="row-date">
{{dataLists.step.calorie}}
</view>
</view>
<view class="item">
<view class="title">步数</view>
<view class="row-date">
{{dataLists.step.step}}
</view>
</view>
<view class="item">
<view class="title">距离</view>
<view class="row-date">
{{dataLists.step.distance}}
</view>
</view>
<view class="row-time">
{{dataLists.updataDate}}
</view>
<view class="bg">
<image src="../../static/icon/血糖.png" mode="widthFix"></image>
</view>
</view>
<view class="content-item"> <view class="content-item">
<view class="title"> <view class="title">
{{getNameByKey('bloodGlucose')}} {{getNameByKey('bloodGlucose')}}
@ -246,6 +273,11 @@
} }
} }
} }
.row {
display: flex;
align-items: center;
justify-content: space-around;
}
.content-item { .content-item {
margin: 30rpx; margin: 30rpx;
padding: 30rpx; padding: 30rpx;
@ -260,6 +292,13 @@
font-size: 38rpx; font-size: 38rpx;
font-weight: 800; font-weight: 800;
} }
.row-time {
position: absolute;
bottom: 30rpx;
right: 30rpx;
font-size: 28rpx;
color: grey;
}
.bg { .bg {
position: absolute; position: absolute;
bottom: 0rpx; bottom: 0rpx;
@ -275,6 +314,14 @@
color: grey; color: grey;
padding: 20rpx 0rpx 20rpx 0rpx; padding: 20rpx 0rpx 20rpx 0rpx;
} }
.row-date {
font-size: 46rpx;
font-weight: 800;
display: flex;
align-items: baseline;
justify-content: center;
}
.date { .date {
font-size: 46rpx; font-size: 46rpx;
font-weight: 800; font-weight: 800;