Skip to content
Projects
Groups
Snippets
Help
Loading...
Sign in / Register
Toggle navigation
liyeyun
Project
Project
Details
Activity
Cycle Analytics
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Issues
0
Issues
0
List
Board
Labels
Milestones
Merge Requests
0
Merge Requests
0
CI / CD
CI / CD
Pipelines
Jobs
Schedules
Charts
Wiki
Wiki
Snippets
Snippets
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Charts
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
cfld-frontend
liyeyun
Commits
54047662
Commit
54047662
authored
Dec 16, 2023
by
王玉鑫
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
feat: 菜单样式再修改
parent
c47ea95e
Hide whitespace changes
Inline
Side-by-side
Showing
1 changed file
with
40 additions
and
23 deletions
+40
-23
CommonHeader.vue
src/components/common/CommonHeader.vue
+40
-23
No files found.
src/components/common/CommonHeader.vue
View file @
54047662
...
@@ -14,7 +14,7 @@
...
@@ -14,7 +14,7 @@
<img
<img
class=
"hover-icon h-3 w-3"
class=
"hover-icon h-3 w-3"
src=
"@/assets/images/icon-triangle_white.png"
src=
"@/assets/images/icon-triangle_white.png"
:style=
"
{
transform: showCityView ? 'rotate(180deg)': 'rotate(0deg)'
}"
:style=
"
{
transform: showCityView ? 'rotate(180deg)' : 'rotate(0deg)'
}"
alt=""
alt=""
/>
/>
</div>
</div>
...
@@ -62,11 +62,25 @@
...
@@ -62,11 +62,25 @@
popper-class=
"user-menu"
popper-class=
"user-menu"
:disabled=
"route.name === 'home'"
:disabled=
"route.name === 'home'"
:teleported=
"false"
:teleported=
"false"
@
visible-change=
"(e: boolean) => { !(route.name === 'home' )&& (showUserCenter = e)}"
@
visible-change=
"
(e: boolean) => {
!(route.name === 'home') && (showUserCenter = e);
}
"
>
>
<div
class=
"flex w-[167px] items-center pl-2"
@
click=
"()=>{route.name === 'home' && toUserCenter()}"
>
<div
class=
"flex w-[167px] items-center pl-2"
@
click=
"
() => {
route.name === 'home' && toUserCenter();
}
"
>
<img
src=
"@/assets/images/icon-avatar.png"
class=
"mr-3 h-[26px] w-[26px]"
/>
<img
src=
"@/assets/images/icon-avatar.png"
class=
"mr-3 h-[26px] w-[26px]"
/>
<span
class=
"mr-2 cursor-pointer text-base text-[#333333]"
:class=
"route.name !== 'home'?'text-[#333333]':'text-white'"
>
<span
class=
"mr-2 cursor-pointer text-base text-[#333333]"
:class=
"route.name !== 'home' ? 'text-[#333333]' : 'text-white'"
>
{{ userInfo.phone }}
{{ userInfo.phone }}
</span>
</span>
<img
<img
...
@@ -362,28 +376,31 @@ const handleMenuChange = (menu: HeaderMenuItem) => {
...
@@ -362,28 +376,31 @@ const handleMenuChange = (menu: HeaderMenuItem) => {
color
:
white
!
important
;
color
:
white
!
important
;
}
}
}
}
}
.city-space
{
.city-space
{
position
:
relative
;
position
:
relative
;
padding-right
:
20px
;
padding-right
:
20px
;
.city
{
.city
{
color
:
#ffffff
;
color
:
#ffffff
;
line-height
:
60px
;
line-height
:
60px
;
cursor
:
pointer
;
cursor
:
pointer
;
}
}
}
}
.city-view
{
.city-view
{
position
:
absolute
;
position
:
absolute
;
left
:
calc
(
600px
-
50vw
);
left
:
calc
(
600px
-
50vw
);
right
:
0
;
right
:
0
;
top
:
60px
;
top
:
60px
;
background
:
rgba
(
255
,
255
,
255
,
0
.9
);
background
:
rgba
(
255
,
255
,
255
,
0
.9
);
z-index
:
99
;
z-index
:
99
;
width
:
100vw
;
width
:
100vw
;
.city-item
:hover
{
.city-item
:hover
{
color
:
#c0322b
;
}
}
.city-active
{
color
:
#c0322b
;
color
:
#c0322b
;
}
}
::v-deep
.el-dropdown__popper.el-popper.user-menu
{
.el-dropdown__popper.el-popper.user-menu
{
top
:
43px
!
important
;
top
:
43px
!
important
;
border
:
none
;
border
:
none
;
border-radius
:
0
;
border-radius
:
0
;
...
...
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment