添加投影配置页面

zhangzengfei

2022-12-30 804d59e162b72be684d0087a8cd74dbd6fecbf4d

 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>

@@ -26,9 +27,9 @@
            <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"

              >&#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,

    };

@@ -168,9 +169,11 @@
    overflow: auto;

    box-sizing: border-box;

    flex-shrink: 0;

    padding: 24px 10px 0px 10px;

    padding: 6px 10px 0px 10px;

    background-color: #FBFAFF;

    border-right: 4px solid #F2F2F7;

    border-top: 4px solid #F2F2F7;

    border-left: 4px solid #F2F2F7;

    .menu-item {

    /*   background-color: #F2F2F7; */

      height: 56px;

@@ -181,23 +184,24 @@
      padding: 0 20px;cursor: pointer;

      display: flex;

      align-items: center;

      color: #333;

      color: #4F4F4F;

      .title {

        font-size: 16px;

        font-weight: 700;

      }

      .iconfont {

      .secondIcon {

        margin: 15px;

        font-size: 24px;

        width: 24px;

        height: 24px;

      }

    }

    .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 {

@@ -207,6 +211,8 @@
    box-sizing: border-box;

    position: relative;

    padding: 10px;

    padding-top: 6px;

    border-top: 4px solid #F2F2F7;

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

      > .el-form-item__label:before,

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

@@ -256,7 +262,7 @@
        }

      }

      .bar:hover{

            border: 2px solid #4E94FF;

            border: 2px solid var(--colorCard);

      }

      .title {

         cursor:default ;

@@ -265,7 +271,7 @@
       border: 2px solid #f8f8f8 !important;

      }

    }

    .save-btn {

    /* .save-btn {

      background-color: #3d68e1;

      width: 240px;

      height: 40px;

@@ -275,7 +281,7 @@
      line-height: 40px;

      font-size: 14px;

      margin-top: 20px;

    }

    } */

  }

}

</style>