joylink/rt-sim-training-client
6
0
Fork 0
Code Issues 3 Pull Requests Actions Packages Projects Releases Wiki Activity

修改南京2号线菜单皮肤

Browse Source
This commit is contained in:
lVAL 2021-01-14 15:44:56 +08:00
parent 51096d5ea1
commit 2fc70489eb
2 changed files with 12 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/jmapNew/theme/nanjing_02/menus/menuBar.vue
View File

@ -668,7 +668,9 @@ export default {
.nav-border .el-button { .nav-border .el-button {
background: #DDDDDD; background: #DDDDDD;
border: 1px solid #000 !important; border: 1px solid #000 !important;
cursor: pointer;
&.disabled { &.disabled {
cursor: not-allowed;
border: 1px solid #D0CEC5 !important; border: 1px solid #D0CEC5 !important;
/*background: #DDDDDD !important;*/ /*background: #DDDDDD !important;*/
color: #a0a0a0!important; color: #a0a0a0!important;

16
src/jmapNew/theme/nanjing_02/menus/menuButton.vue
View File

@ -1,7 +1,7 @@
<template> <template>
<div> <div class="haerbin-01__systerm">
<div v-if="isLocal" id="menuButton" class="menuButton"> <div v-if="isLocal" id="menuButton">
<div> <div class="menuButton">
<el-row> <el-row>
<el-col v-if="!trainOperationShow" :span="11"> <el-col v-if="!trainOperationShow" :span="11">
<div v-if="secondConfirm" class="nav-border"> <div v-if="secondConfirm" class="nav-border">
@ -36,7 +36,7 @@
<div v-if="item.name && item.disabled" :id="item.operate.domId" class="fake-button-disabled">{{ item.name }}</div> <div v-if="item.name && item.disabled" :id="item.operate.domId" class="fake-button-disabled">{{ item.name }}</div>
<div v-else-if="item.name && !item.securityCommand " :id="item.operate.domId" class="fake-button" :class="item.show? 'active': ''" @click="clickCommand(item)">{{ item.name }}</div> <div v-else-if="item.name && !item.securityCommand " :id="item.operate.domId" class="fake-button" :class="item.show? 'active': ''" @click="clickCommand(item)">{{ item.name }}</div>
<div v-else-if="item.name && item.securityCommand" :id="item.operate.domId" class="fake-button-active" :class="item.show? 'active': ''" @click="clickCommand(item)">{{ item.name }}</div> <div v-else-if="item.name && item.securityCommand" :id="item.operate.domId" class="fake-button-active" :class="item.show? 'active': ''" @click="clickCommand(item)">{{ item.name }}</div>
<div v-else class="fake-button" /> <div v-else class="fake-button" style="cursor: not-allowed;"/>
</div> </div>
</template> </template>
</el-row> </el-row>
@ -176,7 +176,7 @@
<div v-if="item.name && item.disabled" :id="item.operate.domId" class="fake-button-disabled">{{ item.name }}</div> <div v-if="item.name && item.disabled" :id="item.operate.domId" class="fake-button-disabled">{{ item.name }}</div>
<div v-else-if="item.name && !item.securityCommand " :id="item.operate.domId" class="fake-button" :class="item.show? 'active': ''" @click="clickCommand(item)">{{ item.name }}</div> <div v-else-if="item.name && !item.securityCommand " :id="item.operate.domId" class="fake-button" :class="item.show? 'active': ''" @click="clickCommand(item)">{{ item.name }}</div>
<div v-else-if="item.name && item.securityCommand" :id="item.operate.domId" class="fake-button-active" :class="item.show? 'active': ''" @click="clickCommand(item)">{{ item.name }}</div> <div v-else-if="item.name && item.securityCommand" :id="item.operate.domId" class="fake-button-active" :class="item.show? 'active': ''" @click="clickCommand(item)">{{ item.name }}</div>
<div v-else class="fake-button" /> <div v-else class="fake-button-disabled" />
</div> </div>
</template> </template>
</el-row> </el-row>
@ -1092,6 +1092,7 @@ export default {
border: 1px solid #426688; border: 1px solid #426688;
background: #DDDDDD; background: #DDDDDD;
line-height: 18px; line-height: 18px;
cursor: pointer;
} }
.fake-button-active{ .fake-button-active{
width: 80px; width: 80px;
@ -1101,6 +1102,7 @@ export default {
border: 1px solid #426688; border: 1px solid #426688;
cursor: pointer; cursor: pointer;
background: #77DBF0; background: #77DBF0;
cursor: pointer;
&:hover, &.active{ &:hover, &.active{
background: #77DBF0; background: #77DBF0;
} }
@ -1111,7 +1113,7 @@ export default {
border-radius: 1px !important; border-radius: 1px !important;
line-height: 18px; line-height: 18px;
border: 1px solid #9B9B9B; border: 1px solid #9B9B9B;
cursor: pointer; cursor: not-allowed;
color: #a0a0a0; color: #a0a0a0;
} }
@ -1136,7 +1138,9 @@ export default {
.menuButton .el-button { .menuButton .el-button {
background: #DDDDDD; background: #DDDDDD;
border: 1px solid #000 !important; border: 1px solid #000 !important;
cursor: pointer;
&.disabled { &.disabled {
cursor: not-allowed;
border: 1px solid #D0CEC5 !important; border: 1px solid #D0CEC5 !important;
/*background: #DDDDDD !important;*/ /*background: #DDDDDD !important;*/
color: #a0a0a0!important; color: #a0a0a0!important;