61 lines
1.2 KiB
Vue
61 lines
1.2 KiB
Vue
<template>
|
|
<div class="resource-module">
|
|
<div class="left">
|
|
<h2>
|
|
<span class="iconfont icon-file"></span>
|
|
资源模块
|
|
</h2>
|
|
<h3><code>resources/templates/list</code></h3>
|
|
|
|
<ResourceTemplates
|
|
:tab-id="props.tabId"
|
|
></ResourceTemplates>
|
|
|
|
</div>
|
|
<div class="right">
|
|
<ResourceReader
|
|
:tab-id="props.tabId"
|
|
></ResourceReader>
|
|
|
|
<ResourceLogger
|
|
:tab-id="props.tabId"
|
|
></ResourceLogger>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
import { defineProps } from 'vue';
|
|
import ResourceTemplates from './resource-templates.vue';
|
|
import ResourceReader from './resouce-reader.vue';
|
|
import ResourceLogger from './resource-logger.vue';
|
|
|
|
const props = defineProps({
|
|
tabId: {
|
|
type: Number,
|
|
required: true
|
|
}
|
|
});
|
|
|
|
|
|
|
|
</script>
|
|
|
|
<style scoped>
|
|
.resource-module {
|
|
padding: 20px;
|
|
height: 100%;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
}
|
|
|
|
.resource-module .left {
|
|
width: 45%;
|
|
}
|
|
|
|
.resource-module .right {
|
|
width: 45%;
|
|
}
|
|
|
|
|
|
</style> |