zzjv0

ZZJ

2021-09-24 758d6d078ef2fb99907a1a78de6548c542768b37

 src/pages/settings/views/keyboardLanguage.vue

@@ -16,7 +16,7 @@
      </div>

      <div class="language-right">

        <div class="lang" v-if="activePage == 0">

          <div class="title">语言列表</div>

          <div class="bar title">语言列表</div>

          <div

            class="bar"

            v-for="(item, i) in langList"

@@ -26,14 +26,14 @@
            <span class="name">{{ item.Name }}</span>

            <span

              class="icon iconfont"

              style="color: #3d68e1;font-size:18px;"

              style="color: #4E94FF;font-size:16px;"

              v-show="activeLang == item.Lang"

              >&#xe6f1;</span

            >

          </div>

        </div>

        <div class="lang" v-if="activePage == 1">

          <div class="title">键盘布局</div>

          <div class="title bar">键盘布局</div>

          <div

            class="bar"

            v-for="(item, i) in keyboardList"

@@ -43,7 +43,7 @@
            <span class="name">{{ item.name }}</span>

            <span

              class="icon iconfont"

              style="color: #3d68e1;font-size:18px;"

              style="color: #4E94FF;font-size:16px;"

              v-show="activeKb == item.id"

              >&#xe6f1;</span

            >

@@ -155,6 +155,7 @@
}



.kb-content {

  font-weight: 700;

  height: 100%;

  display: flex;

  flex-direction: row;

@@ -163,37 +164,39 @@
  box-sizing: border-box;

  .kb-center {

    height: 100%;

    width: 280px;

    width: 300px;

    overflow: auto;

    box-sizing: border-box;

    flex-shrink: 0;

    padding: 10px;

    border-right: 5px solid #f8f8f8;

    padding: 24px 10px 0px 10px;

    background-color: #FBFAFF;

    border-right: 4px solid #F2F2F7;

    .menu-item {

      background-color: #f8f8f8;

      height: 50px;

      margin-bottom: 10px;

    /*   background-color: #F2F2F7; */

      height: 56px;

      margin-bottom: 4px;

      border-radius: 8px;

      line-height: 50px;

      line-height: 56px;

      box-sizing: border-box;

      font-size: 14px;

      padding: 0 20px;cursor: pointer;

      display: flex;

      align-items: center;

      color: #333;

      .title {

        font-size: 15px;

        font-size: 16px;

        font-weight: 700;

      }

      .iconfont {

        margin-right: 8px;

        font-size: 18px;

        margin: 15px;

        font-size: 24px;

      }

    }

    .menu-item-active {

      background-color: #3d68e1;

      background-color: var(--colorCard);

      color: white;

    }

    .menu-item:hover {

      background-color: #3d68e1;

      background-color: var(--colorCard);

      color: white;

    }

  }

@@ -203,7 +206,7 @@
    overflow: auto;

    box-sizing: border-box;

    position: relative;

    padding: 20px 40px;

    padding: 10px;

    .el-form-item.is-required:not(.is-no-asterisk)

      > .el-form-item__label:before,

    .el-form-item.is-required:not(.is-no-asterisk)

@@ -236,29 +239,30 @@
      max-width: none !important;

    }

    .lang {

      .title {

        height: 30px;

        line-height: 30px;

        font-size: 16px;

        margin-bottom: 10px;

      }

      .bar {

        height: 48px;

        background-color: #f8f8f8;

        border-radius: 10px;

        border-radius: 8px;

        line-height: 50px;

        box-sizing: border-box;

        padding: 0 20px;

        box-sizing: content-box;

        padding: 0 15px 0 20px;

        display: flex;

        justify-content: space-between;

        cursor: pointer;

        margin-bottom: 12px;

        margin-bottom: 4px;

        border: 2px solid #f8f8f8;

        .name{

               font-size: 15px;

               font-size: 14px;

        }

      }

      .bar:hover{

            background-color: #e9e9e9;

            border: 2px solid #4E94FF;

      }

      .title {

         cursor:default ;

        font-size: 16px;

       justify-content: center;

       border: 2px solid #f8f8f8 !important;

      }

    }

    .save-btn {