Преглед на файлове

style(UI): 统一选中项和输入框的样式颜色

为保持UI一致性,将筛选选项的选中状态和输入框聚焦状态的边框颜色统一调整为橙色(#ff9300)
lsc преди 6 дни
родител
ревизия
1d75a5be34
променени са 2 файла, в които са добавени 15 реда и са изтрити 5 реда
  1. 4 0
      src/App.vue
  2. 11 5
      src/components/pages/pptEasy/dialog/BilibiliSearchDialog2.vue

+ 4 - 0
src/App.vue

@@ -570,4 +570,8 @@ html::-webkit-scrollbar-thumb {
 .tagOption.selected{
   color: #ef9e28 !important;
 }
+
+.filter-item-option.selected{
+  color: #ff9300;
+}
 </style>

+ 11 - 5
src/components/pages/pptEasy/dialog/BilibiliSearchDialog2.vue

@@ -24,11 +24,11 @@
 					</div>
 					<div class="filter-item">
 						<el-select v-model="navActive" @change="navClick" :placeholder="lang.ssBiSort" class="sort-select">
-							<el-option :label="lang.ssBiSort" :value="0"></el-option>
-							<el-option :label="lang.ssBiPlay" :value="1"></el-option>
-							<el-option :label="lang.ssBiRelease" :value="2"></el-option>
-							<el-option :label="lang.ssBitDanmaku" :value="3"></el-option>
-							<el-option :label="lang.ssBiFavorite" :value="4"></el-option>
+							<el-option class="filter-item-option" :label="lang.ssBiSort" :value="0"></el-option>
+							<el-option class="filter-item-option" :label="lang.ssBiPlay" :value="1"></el-option>
+							<el-option class="filter-item-option" :label="lang.ssBiRelease" :value="2"></el-option>
+							<el-option class="filter-item-option" :label="lang.ssBitDanmaku" :value="3"></el-option>
+							<el-option class="filter-item-option" :label="lang.ssBiFavorite" :value="4"></el-option>
 						</el-select>
 					</div>
 					<div class="add-item">
@@ -764,5 +764,11 @@ export default {
         width: calc(100% / 2 - 10px) !important;
     }
 }
+
+.inputC >>> .el-input__inner:focus,
+.filter-item >>> .el-select .el-input__inner:focus,
+.filter-item >>> .el-select .el-input.is-focus .el-input__inner{
+  border-color: #ff9300;
+}
 </style>