<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>
