搜索样式修改

src/page/index/top/index.vue

@@ -13,7 +13,7 @@
     <div class="top-bar__title" :class="setting.styleRadio == '1' ? 'bar__title_fff' : setting.styleRadio == '3' ? 'bar_title_third' : ''">
       <top-menu ref="topMenu"
         v-if="setting.menu && (setting.styleRadio == '3' || setting.styleRadio == '4')"></top-menu>
-      <top-search class="top-bar__item" v-if="setting.search" :style="{left:(setting.styleRadio == '3' || setting.styleRadio == '6') && '225px'}"></top-search>
+      <top-search class="top-bar__item" v-if="setting.search" :style="{left:(setting.styleRadio == '3' || setting.styleRadio == '6') && '225px',width:(setting.styleRadio == '3' || setting.styleRadio == '6') && '260px !important',color:(setting.styleRadio == '3' || setting.styleRadio == '6') && '#c0c4cc'}"></top-search>
     </div>
     <div class="top-bar__right" :class="setting.styleRadio == '3' || setting.styleRadio == '6' ? 'top-bar__right_third' : ''">
       <!-- <div v-if="setting.color" class="top-bar__item">
@@ -136,6 +136,7 @@ import { getUserInfo as getUerDetailInfo } from '@/api/system/user';
 import { getUserInfo as getUerOauthInfo } from '@/api/user';
 import { validatenull } from '@/utils/validate';
 import func from '@/utils/func';
+import { color } from 'echarts';
 
 export default {
   components: {
@@ -397,6 +398,6 @@ export default {
 }
 
 .bar_title_third{
-  margin-left: 120px;
+  margin-left: 245px;
 }
 </style>

src/page/index/top/top-search.vue

@@ -7,6 +7,7 @@
     :fetch-suggestions="querySearch"
     :placeholder="$t('search')"
     @select="handleSelect"
+    :prefix-icon="(setting.styleRadio == 3 || setting.styleRadio == 6) && 'Search'"
   >
     <template #="{ item }">
       <i :class="[item[iconKey], 'icon']"></i>

src/styles/top.scss

@@ -69,6 +69,10 @@
     .el-input__inner::placeholder {
       color:  #c0c4cc;
     }
+
+    i{
+      color: #c0c4cc !important;
+    }
   }
 }