道闸诱导屏

liuqimichale
1 parent 35615334
Showing 4 changed files with 73 additions and 3 deletions
src/assets/img/sign.png
src/views/dicisection.vue
src/views/mainContainer.vue
src/views/sfysection.vue
@@ -26,7 +26,7 @@ export default {
   },
   data() {
     return {
-      totalVal: '21',
+      totalVal: '219734',
       diciList:[
         {
           name: '正常',
@@ -11,7 +11,7 @@
         <div class="heightper-bottom"></div>
       </li>
       <li>
-        <div class="sectionsmall"></div>
+        <sfysection class="sectionsmall"></sfysection>
         <div class="sectionsmall margin12-0"></div>
         <div class="sectionsmall"></div>
       </li>
@@ -25,13 +25,16 @@ import loadinggif from &#39;../components/loading&#39;
 import pdasection from '../views/pdasection'
 import dicisection from '../views/dicisection'
 import youdaopingsection from '../views/youdaopingsection'
+import sfysection from '../views/sfysection'
+
 export default {
   name: 'mainContainer',
   components: {
     loadinggif,
     pdasection,
     dicisection,
-    youdaopingsection
+    youdaopingsection,
+    sfysection
   },
   data() {
     return {
+<template>
+  <div>
+    <titlesection title="地磁"></titlesection>
+    <totalsection :totalNum="totalVal"></totalsection>
+    <ul class="flexfm sfy-wrap">
+      <li>
+        <div class="sign">
+          <p>1234</p>
+          <p>签到</p>
+        </div>
+      </li>
+      <li>1</li>
+    </ul>
+  </div>
+</template>
+
+<script>
+import titlesection from '../components/titlesection'
+import totalsection from '../components/total'
+import { formatNum } from '../filters/filters'
+import {fetchList} from '../api/api'
+
+export default {
+  name: 'sfysection',
+  components: {
+    titlesection,
+    totalsection
+  },
+  data() {
+    return {
+      totalVal: '219734',
+    }
+  },
+  created() {
+  },
+  methods: {
+    getList() {
+      fetchList()
+      .then(res => {
+        console.log(res);
+
+      });
+    },
+  }
+}
+</script>
+
+<style lang="scss"  scoped>
+  .sfy-wrap{
+    display: flex;
+    padding: 0 23px;
+    li{
+      flex: 1;
+      display: flex;
+      align-items:center;
+      >div{
+        width: 100%;
+        height: 74px;
+        padding-left: 87px;
+        color: #fff;
+      }
+      .sign{
+        background: url("../assets/img/sign.png") no-repeat;
+      }
+    }
+  }
+</style>