<template>
  <view>
    <haiNaBaiXianShopDetail v-if="sign == 'haiNaBaiXian'"></haiNaBaiXianShopDetail>
    <hongFuQiTianShopDetail v-else-if="sign == 'hongFuQiTian'"></hongFuQiTianShopDetail>
    <chengXinRuYiShopDetail v-else-if="sign == 'chengXinRuYi'"></chengXinRuYiShopDetail>
    <baiLiTiaoTiShopDetail v-else-if="sign == 'baiLiTiaoYi'"></baiLiTiaoTiShopDetail>
    <shop-detail v-else-if="sign == 'default'"></shop-detail>
  </view>
</template>
<script>
import { mapState } from "vuex";
import shopDetail from "../themes/default/shop-detail.vue";
import haiNaBaiXianShopDetail from "../themes/haiNaBaiXian/shop-detail.vue";
import hongFuQiTianShopDetail from "../themes/hongFuQiTian/shop-detail.vue";
import chengXinRuYiShopDetail from "../themes/chengXinRuYi/shop-detail.vue";
import baiLiTiaoTiShopDetail from "../themes/baiLiTiaoTi/shop-detail.vue";
export default {
  components: {
    shopDetail,
    haiNaBaiXianShopDetail,
    hongFuQiTianShopDetail,
    chengXinRuYiShopDetail,
    baiLiTiaoTiShopDetail
  },
  computed: {
    ...mapState([
      'sign'
    ])
  },
};
</script>