KH/kh-device-admin
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

【修改】修改bug 修改框架样式

Browse Source
This commit is contained in:
zhoulingpo
2023-08-01 17:57:54 +08:00
parent 50788bb040
commit 016206b7b3
10 changed files with 158 additions and 49 deletions
Download Patch File Download Diff File Expand all files Collapse all files
jero-web/src/components/tools/UserMenu.vue
+10 -8
View File
@@ -2,11 +2,11 @@
<div class="user-wrapper" :class="theme">
<!-- update_begin author:zhaoxin date:20191129 for: 做头部菜单栏导航 -->
<!-- update-begin author:sunjianlei date:20191@20 for: 解决全局样式冲突的问题 -->
<span class="action" @click="showClick">
<a-icon type="search"></a-icon>
</span>
<!-- <span class="action" @click="showClick">-->
<!-- <a-icon type="search"></a-icon>-->
<!-- </span>-->
<!-- update-begin author:sunjianlei date:20200219 for: 菜单搜索改为动态组件，在手机端呈现出弹出框 -->
<component :is="searchMenuComp" v-show="searchMenuVisible || isMobile()" class="borders" :visible="searchMenuVisible" title="搜索菜单" :footer="null" @cancel="searchMenuVisible=false">
<!-- <component :is="searchMenuComp" v-show="searchMenuVisible || isMobile()" class="borders" :visible="searchMenuVisible" title="搜索菜单" :footer="null" @cancel="searchMenuVisible=false">-->
<a-select
class="search-input"
showSearch
@@ -20,9 +20,10 @@
@change="searchMethods"
@blur="hiddenClick"
>
<a-icon slot="suffixIcon" type="search" />
<a-select-option v-for="(site,index) in searchMenuOptions" :key="index" :value="site.id">{{site.meta.title}}</a-select-option>
</a-select>
</component>
<!-- </component>-->
<!-- update-end author:sunjianlei date:20200219 for: 菜单搜索改为动态组件，在手机端呈现出弹出框 -->
<!-- update-end author:sunjianlei date:20191220 for: 解决全局样式冲突的问题 -->
<!-- update_end author:zhaoxin date:20191129 for: 做头部菜单栏导航 -->
@@ -266,15 +267,16 @@ export default {
/* update_begin author:zhaoxin date:20191129 for: 让搜索框颜色能随主题颜色变换*/
/* update-begin author:sunjianlei date:20191220 for: 解决全局样式冲突问题 */
.user-wrapper .search-input {
width: 180px;
width: 210px;
color: inherit;
/deep/ .ant-select-selection {
background-color: inherit;
background-color: #F7F8FA !important;
border: 0;
border-bottom: 1px solid white;
color: #86909C ;
&__placeholder, &__field__placeholder {
color: inherit;
color: #86909C ;
}
}
}