<!--
 * @Description:
 * @Author: ymz
 * @Date: 2021-12-03 11:14:19
 * @LastEditTime: 2023/06/29
 * @LastEditors: Please set LastEditors
 * @Reference:
-->

<template>
  <basic-container class="base">
    <el-tabs v-model="activeName">
      <el-tab-pane label="积分充值" name="recharge"> </el-tab-pane>
      <!-- <el-tab-pane label="开票管理" name="invoice" ></el-tab-pane> -->
    </el-tabs>

    <div class="content-box">
      <el-scrollbar style="height:100%" class="content-scroll-bar">
        <component :is="activeName"></component>
      </el-scrollbar>
    </div>
  </basic-container>
</template>

<script>
import recharge from "./recharge.vue";
import invoice from "./invoice.vue";

export default {
  //import 引入的组件需要注入到对象中才能使用
  components: { recharge, invoice },
  data() {
    return {
      activeName: "recharge"
    };
  }
};
</script>

<style scoped>
.content-box {
  overflow: auto;
  /* min-height: 800px; */
  /*height: calc(100vh - 250px);*/
}
</style>

<style>
body .content-scroll-bar {
  overflow-x: hidden;
}
</style>
