提交

src/views/ranking/components/moveClient.vue

@@ -159,7 +159,7 @@ export default {
 .main {
   padding: 3px;
   overflow: auto;
-  height: calc(100vh - 130px);
+  height: calc(100vh - 150px);
 }
 </style>
 <style>

src/views/ranking/components/tvList.vue

@@ -223,7 +223,7 @@ export default {
 <style scoped>
 .tv-list {
   font-size: 15px;
-  padding: 5px 5px 0 5px;
+  padding: 5px 5px 60px 5px;
 }
 .td {
   text-align: center;

src/views/ranking/index.vue

@@ -1,6 +1,13 @@
 <template>
   <div class="ranking">
-    <div class="tip">数据来源于集团大数据平台</div>
+    <van-sticky offset-top="0">
+      <van-nav-bar>
+        <div slot="title">
+          <span class="body">{{ day }} </span>
+          <div class="tip">数据来源于集团大数据平台</div>
+        </div>
+      </van-nav-bar>
+    </van-sticky>
     <div v-show="errorInformation.text === ''">
       <keep-alive>
         <component
@@ -32,10 +39,14 @@ import {
   Tabbar as vanTabbar,
   TabbarItem as vanTabbarItem,
   Empty as vanEmpty,
+  NavBar as vanNavBar,
+  Sticky as vanSticky,
 } from "vant";
+import "vant/lib/sticky/style/index";
+import "vant/lib/empty/style/index";
 import "vant/lib/empty/style/index";
 import "vant/lib/tabbar/style/index";
-import "vant/lib/tabbar-item/style/index";
+import "vant/lib/nav-bar/style/index";
 
 import tvList from "./components/tvList.vue";
 import moveClient from "./components/moveClient.vue";
@@ -47,6 +58,7 @@ export default {
 
   data() {
     return {
+      day: "",
       active: window.sessionStorage
         ? sessionStorage.getItem("active") - 0 || 0
         : 0,
@@ -68,7 +80,12 @@ export default {
       },
     };
   },
-  mounted() {},
+  mounted() {
+    const d = this.$route.query.date.split("");
+    d.splice(4, 0, "-");
+    d.splice(7, 0, "-");
+    this.day = d.join("");
+  },
   computed: {},
   methods: {
     change() {
@@ -93,6 +110,8 @@ export default {
     vanTabbar,
     vanTabbarItem,
     vanEmpty,
+    vanNavBar,
+    vanSticky,
     tvList,
     moveClient,
   },
@@ -107,10 +126,12 @@ export default {
   box-sizing: border-box;
   background-color: #fff;
 }
-.tip{
-    text-align: center;
-    font-size: 12px;
-    color: #999;
-    padding: 5px 0;
+.tip {
+  text-align: center;
+  height: 1em;
+  line-height: 1em;
+  font-size: 12px;
+  color: #999;
+  padding-top: 5px;
 }
 </style>