37 lines
773 B
Vue
37 lines
773 B
Vue
<template>
|
|
<el-tabs v-model="current_tab">
|
|
<el-tab-pane
|
|
v-for="(tab, index) in tabData"
|
|
:key="tab[0]"
|
|
:name="tab[0]"
|
|
:label="tab[1]"
|
|
>
|
|
<source-json v-show="index == 0" />
|
|
<source-debug v-show="index == 1" />
|
|
<source-list v-show="index == 2" />
|
|
<source-help v-show="index == 3" />
|
|
</el-tab-pane>
|
|
</el-tabs>
|
|
</template>
|
|
|
|
<script setup>
|
|
import { useSourceStore } from "@/store";
|
|
|
|
const store = useSourceStore();
|
|
|
|
const { currentTab: current_tab } = storeToRefs(store);
|
|
|
|
const tabData = ref([
|
|
["editTab", "编辑源"],
|
|
["editDebug", "调试源"],
|
|
["editList", "源列表"],
|
|
["editHelp", "帮助信息"],
|
|
]);
|
|
</script>
|
|
|
|
<style lang="scss" scoped>
|
|
:deep(.el-tabs__header) {
|
|
margin-bottom: 5px;
|
|
}
|
|
</style>
|