From ccee429d379e0108b7445f72ade8d97c110a6fb3 Mon Sep 17 00:00:00 2001 From: ZZJ <zzjdsg2300@163.com> Date: 星期二, 09 十一月 2021 18:01:59 +0800 Subject: [PATCH] 问题修复 --- src/pages/panoramicView/index/App.vue | 30 +++++++++++++++++------------- 1 files changed, 17 insertions(+), 13 deletions(-) diff --git a/src/pages/panoramicView/index/App.vue b/src/pages/panoramicView/index/App.vue index 90550f6..f31ccea 100644 --- a/src/pages/panoramicView/index/App.vue +++ b/src/pages/panoramicView/index/App.vue @@ -11,17 +11,21 @@ mode="horizontal" @select="checkMenu" > + <el-menu-item index="0">鍘嗗彶璁板綍鏌ヨ</el-menu-item> <el-menu-item index="1">浣嶇疆鏍囧畾</el-menu-item> - <el-menu-item index="2">杞ㄨ抗鍥�</el-menu-item> + <el-menu-item index="2" v-show="false">杞ㄨ抗鍥�</el-menu-item> <el-menu-item index="3">鍏宠仈鎽勫儚鏈�</el-menu-item> </el-menu> </div> <div class="act-view"> + <template v-if="actMenuIndex=='0'"> + <History /> + </template> <template v-if="actMenuIndex=='1'"> <label-mark></label-mark> </template> <template v-if="actMenuIndex=='2'"> - <trace-plot></trace-plot> + <trace-plot ref="tracePlot"></trace-plot> </template> <template v-if="actMenuIndex=='3'"> <relate-camera></relate-camera> @@ -34,15 +38,16 @@ import LabelMark from '../components/LabelMark'; import TracePlot from '../components/TracePlot'; import RelateCamera from '../components/RelateCamera'; +import History from '../components/History'; export default { - components: { LabelMark, TracePlot, RelateCamera }, - data () { + components: { LabelMark, TracePlot, RelateCamera, History }, + data() { return { - actMenuIndex: '1', + actMenuIndex: '0', } }, methods: { - checkMenu (key, keyPath) { + checkMenu(key, keyPath) { this.actMenuIndex = key; } } @@ -61,16 +66,15 @@ width: 310px; display: flex; align-items: center; - .icon{ - width: 100px; - + .icon { + width: 50px; } - .title{ + .title { text-decoration: none; margin-left: 10px; - font-size: 18px; + font-size: 17px; color: #fff; - letter-spacing: 2px; + letter-spacing: 5px; } } .el-menu--horizontal { @@ -80,7 +84,7 @@ .el-menu--horizontal > .el-menu-item { border-bottom: 0; color: #fff; - &:hover{ + &:hover { color: #fff; background: rgb(24, 35, 182); } -- Gitblit v1.8.0