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
7c9cc085
authored
2021-01-15 14:00:00 +0800
by
杨威
Browse Files
Options
Browse Files
Tag
Download
Email Patches
Plain Diff
首页和导航栏调整
1 parent
2aac5d3d
Hide whitespace changes
Inline
Side-by-side
Showing
5 changed files
with
57 additions
and
48 deletions
src/App.vue
src/assets/less/main.less
src/views/Home.vue
src/views/manage/index.vue
src/views/panel/index.vue
src/App.vue
View file @
7c9cc08
...
...
@@ -42,7 +42,7 @@ export default {
this
.
isShow
=
true
;
this
.
tips
=
tips
+
'...'
;
},
loadingHide
(
tips
){
loadingHide
(){
this
.
isShow
=
false
;
}
},
...
...
src/assets/less/main.less
View file @
7c9cc08
...
...
@@ -98,6 +98,9 @@ ol, ul { list-style:none; }
::-webkit-scrollbar-track {
border-radius: 0;
}
/deep/ .el-tabs--border-card{
border: 0;
}
//二级菜单样式
.tabs{
>.el-tabs__content{
...
...
src/views/Home.vue
View file @
7c9cc08
...
...
@@ -12,36 +12,37 @@
<span
class=
"logo-text"
v-show=
"!textLogo"
>
不动产权籍调查系统
</span>
</div>
<div
class=
"search-box"
>
<el-input
maxlength=
"28"
v-model=
"treeKey"
class=
"searchInput"
placeholder=
"请输入关键字"
><i
slot=
"suffix"
class=
"el-input__icon el-icon-search"
@
click=
"inputChange"
></i
></el-input>
</div>
<div
class=
"treeModule"
:style=
"
{height:treeHeight+'px'}">
<LineTree
:pd=
"pd"
v-if=
"lineTreeVisible"
@
itemClick=
"itemClick"
></LineTree>
<div
class=
"wrap"
>
<div
class=
"search-box"
>
<el-input
maxlength=
"28"
v-model=
"treeKey"
class=
"searchInput"
placeholder=
"请输入关键字"
><i
slot=
"suffix"
class=
"el-input__icon el-icon-search"
@
click=
"inputChange"
></i
></el-input>
</div>
<div
class=
"treeModule"
:style=
"
{height:treeHeight+'px'}">
<LineTree
:pd=
"pd"
v-if=
"lineTreeVisible"
@
itemClick=
"itemClick"
></LineTree>
</div>
</div>
</el-aside>
<el-container
class=
"calcWidth"
>
<el-header>
<div
class=
"header-top"
>
<
!--
<
div
class=
"top-items"
@
click=
"toggleClick"
>
<div
class=
"top-items"
@
click=
"toggleClick"
>
<i
class=
"iconfont iconsuojin"
v-show=
"!isActive"
></i>
<i
class=
"iconfont iconzhankai"
v-show=
"isActive"
></i>
</div>
-->
</div>
<div
class=
"top-items"
v-for=
"(item, index) in headTop"
:key=
"index + '1'"
:class=
"
{ 'is-active': item.select }"
:style="{'height':item.name == '首页'
&&
item.select ? '64'+'px' : '65'+'px'}"
@click="selectTopItems(index)"
>
<i
:class=
"item.icon"
></i>
...
...
@@ -475,11 +476,13 @@ export default {
height
:
66px
;
//
border-bottom
:
1px
solid
#EAEAEA
;
box-sizing
:
border-box
;
background-image
:
url('../assets/images/banner.png')
;
//
background-image
:
url('../assets/images/banner.png')
;
background-color
:
#006CFF
;
display
:
flex
;
flex-grow
:
1
;
justify-content
:
center
;
align-items
:
center
;
border-left
:
1px
solid
#3E9FFF
;
//
justify-content
:
center
;
//
align-items
:
center
;
.top-items
{
cursor
:
pointer
;
height
:
66px
;
...
...
@@ -504,10 +507,10 @@ export default {
}
}
.top-items
:hover
{
background
:
hsla
(
0
,
0%
,
100%
,
.2
)
;
background
:
#0091FF
;
}
.top-items.is-active
{
background
:
hsla
(
0
,
0%
,
100%
,
.2
)
;
background
:
#0091FF
;
}
}
.header-bottom
{
...
...
@@ -536,8 +539,11 @@ export default {
background-color
:
#ffffff
;
color
:
#333
;
//
text-align
:
center
;
overflow
:
hidden
;
overflow
:
overlay
;
transition
:
width
0.3s
;
box-shadow
:
1px
0px
2px
1px
rgba
(
49
,
132
,
245
,
0.1
);
position
:
relative
;
z-index
:
1000
;
.logo-box
{
width
:
100%
;
height
:
66px
;
...
...
@@ -545,7 +551,7 @@ export default {
box-sizing
:
border-box
;
padding
:
10px
20px
;
transition
:
width
0.3s
;
background-color
:
#
287CC5
;
background-color
:
#
006CFF
;
.logo-img
{
width
:
44px
;
float
:
left
;
...
...
@@ -557,27 +563,29 @@ export default {
font-size
:
20px
;
}
}
.search-box
{
height
:
65px
;
box-sizing
:
border-box
;
padding
:
18px
20px
;
border-right
:
1px
solid
#dedede
;
.searchInput{
/deep/
.el-input__inner{
width
:
240px
;
height
:
38px
;
background
:
#FFFFFF
;
border-radius
:
4px
;
border
:
1px
solid
#DEDEDE
;
}
/
deep
/
.el-input__suffix
{
top
:
0
!important
;
.wrap
{
height
:
calc
(
100%
-
66px
);
overflow-x
:
hidden
;
.search-box{
height
:
65px
;
box-sizing
:
border-box
;
padding
:
18px
20px
;
.searchInput{
/deep/
.el-input__inner{
width
:
240px
;
height
:
38px
;
background
:
#FFFFFF
;
border-radius
:
4px
;
border
:
1px
solid
#DEDEDE
;
}
/
deep
/
.el-input__suffix
{
top
:
0
!important
;
}
}
}
}
.treeModule
{
box-sizing
:
border-box
;
border-right
:
1px
solid
#dedede
;
.treeModule
{
box-sizing
:
border-box
;
}
}
.logo-box-show
{
width
:
64px
;
...
...
src/views/manage/index.vue
View file @
7c9cc08
...
...
@@ -44,4 +44,5 @@
height
:
48px
;
}
}
</
style
>
\ No newline at end of file
...
...
src/views/panel/index.vue
View file @
7c9cc08
...
...
@@ -347,14 +347,12 @@ export default {
float
:
left
;
margin-right
:
20px
;
flex
:
1
;
border
:
1px
solid
#E6E6E6
;
/deep/
.el-card__body{
padding
:
0
;
}
}
.download
{
width
:
50%
;
border
:
1px
solid
#E6E6E6
;
/deep/
.el-card__body{
padding
:
0
;
}
...
...
@@ -379,7 +377,6 @@ export default {
height
:
100%
;
margin-right
:
20px
;
background
:
#fff
;
border
:
1px
solid
#E6E6E6
;
box-shadow
:
0
0
8px
0
rgba
(
232
,
237
,
250
,
0.6
),
0
2px
4px
0
rgba
(
232
,
237
,
250
,
0.5
);
/deep/
.el-card__body{
height
:
calc
(
100%
-
93px
);
...
...
Please
register
or
sign in
to post a comment