ZZJ
2021-09-30 f15fb880a1f949c4ae50a8658dff217a3ccce892
src/pages/settings/views/keyboardLanguage.vue
@@ -10,7 +10,8 @@
          @click="openRight( i)"
          ref="leftbar"
        >
          <span class="iconfont">{{ item.icon }}</span>
          <img :src="item.icon_black" alt="" v-if="activePage != i" class="secondIcon">
          <img :src="item.icon_white" alt="" v-else class="secondIcon">
          <span class="title">{{ item.name }}</span>
        </div>
      </div>
@@ -28,7 +29,7 @@
              class="icon iconfont"
              style="color: var(--colorCard);font-size:16px;"
              v-show="activeLang == item.Lang"
              >&#xe6f1;</span
              >&#xe759;</span
            >
          </div>
        </div>
@@ -45,7 +46,7 @@
              class="icon iconfont"
              style="color: #4E94FF;font-size:16px;"
              v-show="activeKb == item.id"
              >&#xe6f1;</span
              >&#xe759;</span
            >
          </div>
        </div>
@@ -72,8 +73,8 @@
      langList: [],
      keyboardList: [],
      tabList: [
        { name: "系统语言", icon: "\ue6e8" },
        { name: "键盘管理", icon: "\ue6fe" },
        { name: "系统语言", icon: "\ue74a" ,icon_white:"/images/settings/语言-白.png",icon_black:"/images/settings/语言-黑.png"},
        { name: "键盘管理", icon: "\ue74e" ,icon_white:"/images/settings/键盘-白.png",icon_black:"/images/settings/键盘-黑.png"},
      ],
      activePage: 0,
    };
@@ -186,14 +187,16 @@
        font-size: 16px;
        font-weight: 700;
      }
      .iconfont {
      .secondIcon {
        margin: 15px;
        font-size: 24px;
        width: 24px;
        height: 24px;
      }
    }
    .menu-item-active {
      background-color: var(--colorCard) !important;
      color: white;
    }
    .menu-item:hover {
      background-color: #F2F2F7;