| | |
| | | v-for="(item, i) in tabList"
|
| | | :class="activePage == i ? 'menu-item-active' : ''"
|
| | | :key="i"
|
| | | @click="openRight(item, i)"
|
| | | @click="openRight( i)"
|
| | | ref="leftbar"
|
| | | >
|
| | | <span class="iconfont">{{ item.icon }}</span>
|
| | |
| | | <span class="name">{{ item.Name }}</span>
|
| | | <span
|
| | | class="icon iconfont"
|
| | | style="color: #4E94FF;font-size:16px;"
|
| | | style="color: var(--colorCard);font-size:16px;"
|
| | | v-show="activeLang == item.Lang"
|
| | | ></span
|
| | | >
|
| | |
| | | }
|
| | | );
|
| | | },
|
| | | openRight(item, i) {
|
| | | openRight(i) {
|
| | | this.activePage = i;
|
| | | },
|
| | | },
|
| | |
| | | }
|
| | | }
|
| | | .menu-item-active {
|
| | | background-color: var(--colorCard);
|
| | | background-color: var(--colorCard) !important;
|
| | | color: white;
|
| | | }
|
| | | .menu-item:hover {
|
| | | background-color: var(--colorCard);
|
| | | color: white;
|
| | | background-color: #F2F2F7;
|
| | | }
|
| | | }
|
| | | .language-right {
|
| | |
| | | }
|
| | | }
|
| | | .bar:hover{
|
| | | border: 2px solid #4E94FF;
|
| | | border: 2px solid var(--colorCard);
|
| | | }
|
| | | .title {
|
| | | cursor:default ;
|
| | |
| | | border: 2px solid #f8f8f8 !important;
|
| | | }
|
| | | }
|
| | | .save-btn {
|
| | | /* .save-btn {
|
| | | background-color: #3d68e1;
|
| | | width: 240px;
|
| | | height: 40px;
|
| | |
| | | line-height: 40px;
|
| | | font-size: 14px;
|
| | | margin-top: 20px;
|
| | | }
|
| | | } */
|
| | | }
|
| | | }
|
| | | </style>
|