tongji page

nova-werun/pages/home/medal/index.wxml

@@ -1,5 +1,5 @@
 <!--nova-werun/pages/home/medal/index.wxml-->
-<nav type="back" title="我的勋章" background-color="{{'#4F9AF7'}}" front-color="{{'#ffffff'}}"></nav>
+<nav type="back" title="我的勋章" background-color="{{'#4F9AF7'}}" front-color="{{'#333333'}}"></nav>
 <view class="all" style="height: {{contentHeight}}rpx;">
     <view class="infobox">
         <image class="avater" src="{{userList[0].avatar}}"></image>

nova-werun/pages/home/share/index.wxml

@@ -1,5 +1,5 @@
 <!--nova-werun/pages/home/share/index.wxml-->
-<nav type="back" title="转发分享" background-color="{{'#73AEF9'}}" front-color="{{'#ffffff'}}"></nav>
+<nav type="back" title="转发分享" background-color="{{'#73AEF9'}}" front-color="{{'#333333'}}"></nav>
 <view class="all" style="height: {{contentHeight}}rpx;">
     <!-- <view class="box">
         <image class="picture" src="{{randomImage}}" mode="aspectFit"></image>

nova-werun/pages/home/signin/index.wxml

@@ -1,5 +1,5 @@
 <!--nova-werun/pages/home/signin/index.wxml-->
-<nav type="back" title="打卡签到" background-color="{{'#4F9AF7'}}" front-color="{{'#ffffff'}}"></nav>
+<nav type="back" title="打卡签到" background-color="{{'#4F9AF7'}}" front-color="{{'#333333'}}"></nav>
 <view class="all" style="height: {{contentHeight}}rpx;">
         <view class="picture">
             <image src="{{randomImage}}" mode="aspectFill"></image>

nova-werun/pages/home/sport/sport-home/index.wxml

@@ -1,5 +1,5 @@
 <!--nova-werun/pages/home/sport/sport-home/index.wxml-->
-<nav type="back" title="运动" background-color="{{'#4F9AF7'}}" front-color="{{'#ffffff'}}"></nav>
+<nav type="back" title="运动" background-color="{{'#4F9AF7'}}" front-color="{{'#333333'}}"></nav>
 <view class="all" style="height: {{contentHeight}}rpx;">
     <!-- 走路 -->
     <van-tabs tab-class='tab' active="{{ active }}" color='#87ceeb' title-active-color='#87ceeb' title-inactive-color='black'>

nova-werun/pages/home/sport/sport-start/index.wxml

@@ -1,5 +1,5 @@
 <!--nova-werun/pages/home/sport/sport-start/index.wxml-->
-<nav type="back" title="{{title}}" background-color="{{'#4F9AF7'}}" front-color="{{'#ffffff'}}"></nav>
+<nav type="back" title="{{title}}" background-color="{{'#4F9AF7'}}" front-color="{{'#333333'}}"></nav>
 <view class="all" style="height: {{contentHeight}}rpx;">
     <view class="map">
         <map class="map" enable-zoom="ture" enable-scroll="ture" id="map" longitude="{{longitude}}" latitude="{{latitude}}" scale="18" markers="{{markers}}"></map>

nova-werun/pages/home/statistics/index.js

@@ -92,6 +92,9 @@ Page({
             onInit: initChart
         },
 
+        percentage:'',
+        percent:'',
+
     },
 
     /**
@@ -226,6 +229,7 @@ Page({
         this.setData({
             sharList
         });
+        this.getBackgroundColor()
         console.log(this.data.sharList);
     },
     //获取生涯运动数据
@@ -289,6 +293,18 @@ Page({
 
         console.log(allList, this.data.totalsportDate);
     },
+    getBackgroundColor() {
+        const steps = this.data.sharList[0].steps || 0;
 
+        let percent = (steps / this.data.target) * 100;
+        if (percent > 100) {
+            percent = 100;
+        }
+        this.setData({
+            percent,
+            percentage:`conic-gradient(from 0deg, #015EEA ${percent}%, white 0%)`,
+        })
+        console.log('百分比',this.data.percentage);
+    }
 
 })

nova-werun/pages/home/statistics/index.less

@@ -3,6 +3,7 @@
     width: 100vw;
     padding-top: 20rpx;
     overflow-y: scroll;
+    background: linear-gradient(to bottom, #4F9AF7, #FFFFFF); 
     .number{
         width: 100%;
         height: 150rpx;
@@ -53,7 +54,7 @@
             width: 400rpx;
             height: 400rpx;
             border-radius: 50%;
-            border: solid black 5rpx;
+            background-color: white;
             margin-top: 10rpx;
             display: flex;
             align-items: center;
@@ -62,7 +63,7 @@
                 width: 370rpx;
                 height: 370rpx;
                 border-radius: 50%;
-                border: solid black 5rpx;
+                background-color: #9BC5F9;
                 display: flex;
                 align-items: center;
                 flex-direction: column;
@@ -166,6 +167,7 @@
     padding-left: 30rpx;
     padding-right: 30rpx;
     overflow-y: scroll;
+    background: linear-gradient(to bottom, #4F9AF7, #FFFFFF); 
     .card1{
         width: 100%;
         height: 360rpx;

nova-werun/pages/home/statistics/index.wxml

@@ -1,5 +1,5 @@
 <!--nova-werun/pages/home/statistics/index.wxml-->
-<nav type="back" title="步数统计" background-color="{{'#4F9AF7'}}" front-color="{{'#ffffff'}}"></nav>
+<nav type="back" title="步数统计" background-color="{{'#4F9AF7'}}" front-color="{{'#333333'}}"></nav>
 <view class="all" style="height: {{contentHeight}}rpx;" wx:if="{{active==0}}">
     <view class="number">
         <view class="num">
@@ -28,7 +28,7 @@
         </view>
     </view>
     <view class="circlebox">
-        <view class="runbox">
+        <view class="runbox" style="background:{{percentage}}">
             <view class="run">
                 <view class="tody-steps">今日步数</view>
                 <view class="step-num">{{sharList[0].steps}}</view>
@@ -36,7 +36,7 @@
                     <image src="https://file-cloud.fmode.cn/qpFbRRSZrO/20241102/q12pc1114226514.png?imageView2/1/w/200/h/200" alt="" />
                     <view class="ob-num">目标：{{target}}</view>
                 </view>
-                <view class="achieve">93% 已完成</view>
+                <view class="achieve">{{percent}}% 已完成</view>
             </view>
         </view>
         <image class="image2" src="https://file-cloud.fmode.cn/qpFbRRSZrO/20241113/h157d1033448123.png?imageView2/1/w/200/h/200"></image>