<template>
  <div class="home_inner">
    <!-- 总菜单 -->
    <HomeMenu
      v-if="showInner == ''"
      @showInnerControl="showInnerControl"
      v-on="$listeners"
    />

    <!-- 账号 -->
    <MenuAccount
      v-if="showInner == 'account'"
      @showInnerControl="showInnerControl"
    />

    <!-- 修改密码 -->
    <ChangePwd
      v-if="showInner == 'changePwd'"
      @showInnerControl="showInnerControl"
    />

    <!-- 绑定手机号 -->
    <BindPhone
      v-if="showInner == 'bind'"
      @showInnerControl="showInnerControl"
    />

    <!-- 鸿币充值 -->
    <MenuPay v-if="showInner == 'hb'" @showInnerControl="showInnerControl" />

    <!-- 微信公众号 -->
    <MenuWxGzh v-if="showInner == 'gzh'" @showInnerControl="showInnerControl" />

    <!-- 联系客服 -->
    <MenuService
      v-if="showInner == 'service'"
      @showInnerControl="showInnerControl"
    />

    <!-- 鸿币充值优惠明细 -->
    <MenuHbDetail
      v-if="showInner == 'hbDetail'"
      @showInnerControl="showInnerControl"
    />
  </div>
</template>

<script>
import HomeMenu from "@/views/Home/HomeMenu/HomeMenu"; // 总菜单
import MenuAccount from "@/components/Menu/MenuAccount"; // 账号子菜单
import ChangePwd from "@/components/UDB/ChangePwd"; // 修改密码
import BindPhone from "@/components/UDB/BindPhone"; // 绑定手机号
import MenuPay from "@/components/Menu/MenuPay/MenuPay"; // 充值
import MenuWxGzh from "@/components/Menu/MenuWxGzh"; // 微信公众号
import MenuService from "@/components/Menu/MenuService"; // 联系客服
import MenuHbDetail from "@/components/Menu/MenuPay/MenuHbDetail"; // 鸿币充值优惠明细
export default {
  name: "HomeInner",
  components: {
    HomeMenu,
    MenuAccount,
    ChangePwd,
    BindPhone,
    MenuPay,
    MenuWxGzh,
    MenuService,
    MenuHbDetail,
  },
  inject: ["checkCode"],
  data() {
    return {
      showInner: "", // 控制显示哪个组件
    };
  },
  computed: {},
  watch: {},
  created() {},
  mounted() {},
  methods: {
    // 控制显示哪个组件
    showInnerControl(showInner) {
      this.showInner = showInner;
    },
  },
};
</script>

<style lang='less' scoped>
</style>