diff --git a/src/assets/img/sign.png b/src/assets/img/sign.png
new file mode 100644
index 0000000..92b0a8d
--- /dev/null
+++ b/src/assets/img/sign.png
diff --git a/src/views/dicisection.vue b/src/views/dicisection.vue
index ceef9b2..9340ceb 100644
--- a/src/views/dicisection.vue
+++ b/src/views/dicisection.vue
@@ -26,7 +26,7 @@ export default {
   },
   data() {
     return {
-      totalVal: '21',
+      totalVal: '219734',
       diciList:[
         {
           name: '正常',
diff --git a/src/views/mainContainer.vue b/src/views/mainContainer.vue
index 918a392..4939bd8 100644
--- a/src/views/mainContainer.vue
+++ b/src/views/mainContainer.vue
@@ -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 '../components/loading'
 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 {
diff --git a/src/views/sfysection.vue b/src/views/sfysection.vue
new file mode 100644
index 0000000..be1a5a3
--- /dev/null
+++ b/src/views/sfysection.vue
@@ -0,0 +1,67 @@
+<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>