30 lines
738 B
Vue
30 lines
738 B
Vue
<template>
|
|
<div class="web-page-container">
|
|
<Tabs v-model:activeKey="activeKey">
|
|
<TabPane key="1" tab="指标信息">
|
|
<DataReport />
|
|
</TabPane>
|
|
<TabPane key="2" tab="指标用户">
|
|
<UserReport />
|
|
</TabPane>
|
|
</Tabs>
|
|
</div>
|
|
</template>
|
|
<script lang="ts" setup name="AboutPage">
|
|
import { h, ref } from 'vue';
|
|
import { Tag, Tabs ,TabPane } from 'ant-design-vue';
|
|
import DataReport from './list.vue';
|
|
import UserReport from './user/list.vue'
|
|
const activeKey = ref('1');
|
|
</script>
|
|
|
|
<style scoped lang="less">
|
|
// 整体容器样式
|
|
.web-page-container {
|
|
width: 100%;
|
|
background-color: #e8f4f8;
|
|
display: flex;
|
|
flex-direction: column; // 垂直布局
|
|
overflow: hidden; // 防止内容溢出
|
|
}
|
|
</style> |