hehongxing
3 years ago
9 changed files with 85 additions and 150 deletions
@ -1,36 +0,0 @@ |
|||
<template> |
|||
<Tabs /> |
|||
<div class="main"> |
|||
<div class="menu panel"> |
|||
<h2>区域选择</h2> |
|||
</div> |
|||
<div class="container panel"></div> |
|||
</div> |
|||
</template> |
|||
|
|||
<script lang="ts"> |
|||
import { reactive, toRefs } from 'vue' |
|||
import Tabs from './Tabs.vue' |
|||
|
|||
export default { |
|||
name: 'MicrowaveRadiation', |
|||
components: {Tabs}, |
|||
setup() { |
|||
let options = reactive({ |
|||
currentTab: '垂直廓线' |
|||
}) |
|||
|
|||
const onTabClick = (name) => { |
|||
options.currentTab = name; |
|||
} |
|||
|
|||
return { |
|||
...toRefs(options), |
|||
onTabClick |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
<style lang="less" scoped> |
|||
|
|||
</style> |
|||
@ -1,24 +0,0 @@ |
|||
<template> |
|||
<div class="tabs"> |
|||
<router-link class="tab-item" to="/MicrowaveRadiation/VerticalProfile">垂直廓线</router-link> |
|||
<router-link class="tab-item" to="/MicrowaveRadiation/ConvectiveIndex">对流指数对流指数对流指数</router-link> |
|||
<router-link class="tab-item" to="/MicrowaveRadiation/TLogP">T-logP图</router-link> |
|||
<router-link class="tab-item" to="/MicrowaveRadiation/BPInversion">BP反演产品</router-link> |
|||
</div> |
|||
<router-view></router-view> |
|||
</template> |
|||
|
|||
<script lang="ts"> |
|||
import { reactive, toRefs, onMounted} from 'vue' |
|||
export default { |
|||
name: "app", |
|||
setup() { |
|||
return { |
|||
|
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style lang="less" scoped> |
|||
</style> |
|||
Loading…
Reference in new issue