修改步数

pages/h5/walkingRecord.vue

 <template>
 	<view>
 		<u-sticky bgColor="#fff">
+			<view class="totalRecord">
+				<image src="../../static/img/run/record.png" class="record" mode="widthFix"></image>
+				总步数：
+				<text class="stepNum">{{totalStepNum}}</text>
+			</view>
 			<u-tabs :activeStyle="{color: '#61b077'}" lineColor="#61b077" @click="clickTime" :list="tabsList" :scrollable="false">
 			</u-tabs>
 		</u-sticky>
@@ -43,6 +48,7 @@
 				loadStatus: 'loadmore', //加载
 				isEmpty: false, //是否为空
 				noMore: false, //没用更多
+				totalStepNum:0
 
 			}
 		},
@@ -56,6 +62,7 @@
 			list() {
 				http("walking.group", this.params).then(res => {
 					if (res.code == 0) {
+						this.totalStepNum = res.data.totalStepNum;
 						this.dataList = [...this.dataList, ...res.data.list]; //list数据
 						let totalCount = res.data.total;
 						this.isEmpty = !this.dataList.length;
@@ -70,7 +77,8 @@
 							this.isEmpty = true;
 						}
 					} else {
-						this.dataList = []
+						this.totalStepNum = 0;
+						this.dataList = [];
 						this.$u.toast(res.msg);
 
 					}
@@ -91,11 +99,26 @@
 </script>
 
 <style lang="scss" scoped>
+	.record{
+		width:30rpx ;
+		height: 30rpx;
+		margin-right:15rpx ;
+		padding-left: 30rpx;
+	}
 	.record-li {
 		border-bottom: 1px solid #ddd;
 		padding: 15px 10px; 
 		text:last-child {
 			color: #61b077;
 		}
+		
+	}
+	.totalRecord{
+		font-weight: bold;
+		padding: 20rpx 0 0 20rpx;
+		// color: #61b077;
+		.stepNum{
+			color: #61b077;
+		}
 	}
 </style>

pages/index/index.vue

@@ -18,7 +18,7 @@
           <image
             class="img"
             src="../../static/img/run/banner.png"
-            mode="widthFix"
+            mode="scaleToFill"
           ></image>
         </view>
         <view class="we-run-container">
@@ -66,18 +66,20 @@
                 @click="lookMode(item.name)"
               >
                 <image :src="item.img" mode="widthFix" alt=""></image>
-                <text>{{ item.name }}</text>
+                <text class="name">{{ item.name }}</text>
               </view>
             </view>
           </view>
+		  
+		  <view class="we-run-good" @click="changeTabBar('商城')">
+		    <image
+		      class="img"
+		      src="../../static/img/run/goodsThing.png"
+		      mode="scaleToFill"
+		    ></image>
+		  </view>
         </view>
-        <view class="we-run-good" @click="changeTabBar('商城')">
-          <image
-            class="img"
-            src="../../static/img/run/goodsThing.png"
-            mode="widthFix"
-          ></image>
-        </view>
+       
       </view>
       <u-tabbar
         :value="tabBarVal"
@@ -135,27 +137,27 @@ export default {
       checkSessionStatus: false,
       iconList: [
         {
-          img: require("../../static/img/run/tabbar_shop1.png"),
-          name: "icon1",
+          img: require("../../static/img/run/walk-icon1.png"),
+          name: "新闻公告",
         },
         {
-          img: require("../../static/img/run/tabbar_shop1.png"),
-          name: "icon2",
+          img: require("../../static/img/run/walk-icon2.png"),
+          name: "活动投票",
         },
         {
-          img: require("../../static/img/run/tabbar_shop1.png"),
+          img: require("../../static/img/run/walk-icon3.png"),
           name: "建议反馈",
         },
         {
-          img: require("../../static/img/run/tabbar_shop1.png"),
+          img: require("../../static/img/run/walk-icon4.png"),
           name: "员工调研",
         },
         {
-          img: require("../../static/img/run/tabbar_shop1.png"),
+          img: require("../../static/img/run/walk-icon5.png"),
           name: "特卖专区",
         },
         {
-          img: require("../../static/img/run/tabbar_shop1.png"),
+          img: require("../../static/img/run/walk-icon6.png"),
           name: "兑换奖励",
         },
       ],
@@ -319,19 +321,21 @@ export default {
 
     .banner {
       position: absolute;
-      top: 20rpx;
+      top: 0;
       text-align: center;
-      width: 100%;
-      height: 200rpx;
+      width: 95%;
+	  margin:20rpx;
+	  height: 100rpx;
       .img {
-        width: 90%;
+        width: 100%;
         border-radius: 20rpx;
+		    height: 260rpx;
       }
     }
 
     .we-run-container {
       position: absolute;
-      top: 310rpx;
+      top: 300rpx;
       text-align: center;
       width: 100%;
 
@@ -365,8 +369,9 @@ export default {
       }
 
       .runDataExplain {
-        width: 75%;
+        width: 90%;
         margin: 20px auto;
+		margin-bottom:0;
         .runData-ul {
           flex: 1;
           flex-flow: wrap;
@@ -375,13 +380,17 @@ export default {
         }
         .runData-li {
           width: 33.33%;
-          margin-bottom: 20rpx;
+          margin-bottom: 30rpx;
           image {
             width: 80rpx;
+			max-height: 80rpx;
             display: block;
             margin: 0 auto;
             margin-bottom: 20rpx;
           }
+		  .name{
+			  font-size: 28rpx;
+		  }
         }
       }
 
@@ -391,10 +400,13 @@ export default {
       }
     }
     .we-run-good {
-      position: absolute;
-      bottom: 200rpx;
-      transform: translateX(-50%);
-      left: 50%;
+	 width: 95%;
+	 margin: 0 auto;
+	 margin-bottom: 180rpx;
+	  image{
+		  width: 100%;
+		  height: 215rpx;
+	  }
     }
   }