<template>
  <div class="mainPage">
    <div class="centerLabel" style="width:100%;overflow:hidden;">
      <span style="display:block;text-align:center;font-size: .20rem;color:#fff;">累计参与人数{{shareNum.message.custnum || 0}}人</span>
      <span style="display:block;text-align:center;font-size: .20rem;color:#fff;margin-top:.1rem;">已分享{{shareNum.message.total || 0}}次</span>
    </div>
  </div>
</template>

<script>
import { createNamespacedHelpers } from 'vuex'
const { mapState: mapUserState } = createNamespacedHelpers('user')
export default {
  name: '',
  data () {
    return {
    }
  },
  computed: {
    ...mapUserState({
      shareNum: item => item.shareNum
    })
  },
  components: {
  },
  created () {
  },
  mounted () {
    this.$nextTick(() => {
    })
  },
  methods: {
  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style lang="scss" scoped>
@import "page.scss";
</style>
