Skip to content
Toggle navigation
Toggle navigation
This project
Loading...
Sign in
任超
/
js.CadastralSystem
Go to a project
Toggle navigation
Toggle navigation pinning
Projects
Groups
Snippets
Help
Project
Activity
Repository
Pipelines
Graphs
Issues
0
Merge Requests
0
Wiki
Network
Create a new issue
Builds
Commits
Issue Boards
Files
Commits
Network
Compare
Branches
Tags
cfdee779
authored
2020-12-25 10:00:08 +0800
by
杨威
Browse Files
Options
Browse Files
Tag
Download
Email Patches
Plain Diff
菜单和左侧对齐
1 parent
9bb1bbba
Show whitespace changes
Inline
Side-by-side
Showing
2 changed files
with
11 additions
and
8 deletions
src/assets/less/main.less
src/views/Home.vue
src/assets/less/main.less
View file @
cfdee77
...
...
@@ -103,7 +103,7 @@ ol, ul { list-style:none; }
>.is-top{
position: -webkit-fixed;
position: fixed;
top:
60
px;
top:
72
px;
z-index: 999;
width: 100%;
margin-bottom: 0;
...
...
src/views/Home.vue
View file @
cfdee77
...
...
@@ -26,6 +26,7 @@
v-for=
"(item, index) in headTop"
:key=
"index + '1'"
:class=
"
{ 'is-active': item.select }"
:style="{'height':item.name == '首页'
&&
item.select ? '70'+'px' : '71'+'px'}"
@click="selectTopItems(index)"
>
<i
:class=
"item.icon"
></i>
...
...
@@ -335,6 +336,7 @@ export default {
}
},
selectTopItems
(
ind
)
{
console
.
log
(
this
.
headTop
);
if
(
ind
==
1
)
{
//点击新建,弹框
this
.
dialogVisible
=
true
;
...
...
@@ -430,19 +432,22 @@ export default {
.el-header
{
background-color
:
#fff
;
padding
:
0
!important
;
height
:
72px
!important
;
.header-top
{
height
:
60
px
;
height
:
72
px
;
border-bottom
:
1px
solid
#EAEAEA
;
box-sizing
:
border-box
;
.top-items
{
cursor
:
pointer
;
height
:
60
px
;
height
:
72
px
;
padding
:
0
30px
;
font-size
:
18px
;
line-height
:
60
px
;
line-height
:
72
px
;
float
:
left
;
position
:
relative
;
color
:
#4a4a4a
;
//
border-left
:
1px
solid
#EAEAEA
;
border-right
:
1px
solid
#EAEAEA
;
i
{
margin-right
:
6px
;
font-size
:
18px
;
...
...
@@ -451,15 +456,13 @@ export default {
}
.hamburger
{
font-size
:
16px
;
line-height
:
60
px
;
line-height
:
72
px
;
color
:
#000
;
}
}
.top-items.is-active
{
color
:
#006cff
;
border-left
:
1px
solid
#EAEAEA
;
border-right
:
1px
solid
#EAEAEA
;
height
:
58px
;
height
:
71px
;
border-bottom
:
1px
solid
#FFF
;
}
}
...
...
Please
register
or
sign in
to post a comment