web-store-retail-h5/pages/specialArea/index.vue

<!--
 * @Descripttion:
 * @version:
 * @Author: kBank
 * @Date: 2022-11-21 15:11:22
-->
<template>
  <view class="content">
    <special-area-wrapper v-if="specialAreaVisble" :userInfo="userInfo" />

    <!-- <cl-tabbar :current="1"></cl-tabbar> -->
  </view>
</template>

<script>
import clTabbar from '@/components/cl-tabbar.vue'
import SpecialAreaWrapper from '@/components/area-product-list/special-area-wrapper.vue'
export default {
  components: {
    'cl-tabbar': clTabbar,
    'special-area-wrapper': SpecialAreaWrapper,
  },

  data() {
    return {
      userInfo: null,
    }
  },
  onLoad() {
    this.$store.dispatch('GetInfo').then(user => {
      this.userInfo = user || null
    })
  },
  computed: {
    specialAreaVisble() {
      return this.userInfo && Object.keys(this.userInfo).length
    },
  },
  methods: {},
}
</script>

<style lang="scss" scoped>
.content {
  background: #f2f2f2;
  // padding: 0 20rpx;
  min-height: 94vh;
  padding-bottom: 100rpx;
}
</style>