修改导航页样式
This commit is contained in:
@@ -66,7 +66,8 @@ export default {
|
|||||||
padding 0 12%
|
padding 0 12%
|
||||||
.nav_item
|
.nav_item
|
||||||
width 29%
|
width 29%
|
||||||
padding 12px
|
height 70%
|
||||||
|
padding 1.5%
|
||||||
color #fff
|
color #fff
|
||||||
font-size 40px
|
font-size 40px
|
||||||
border 1px solid #2f9ae3
|
border 1px solid #2f9ae3
|
||||||
@@ -76,14 +77,16 @@ export default {
|
|||||||
background-repeat: repeat;
|
background-repeat: repeat;
|
||||||
cursor pointer
|
cursor pointer
|
||||||
.nav_item_i
|
.nav_item_i
|
||||||
_fj()
|
_fj(center,,column)
|
||||||
|
height 100%
|
||||||
padding 20px 40px 20px 35px
|
padding 20px 40px 20px 35px
|
||||||
background-image linear-gradient(to bottom,rgba(42, 83, 138, 50%), rgba(57, 101, 181, 50%))
|
background-image linear-gradient(to bottom,rgba(42, 83, 138, 50%), rgba(57, 101, 181, 50%))
|
||||||
border-top 2px solid #62b2f0
|
border-top 2px solid #62b2f0
|
||||||
border-left 2px solid #62b2f0
|
border-left 2px solid #62b2f0
|
||||||
box-shadow inset 0 0px 12px 8px rgba(98, 180, 243, 50%)
|
box-shadow inset 0 0px 12px 8px rgba(98, 180, 243, 50%)
|
||||||
p
|
p
|
||||||
font-size 56px
|
font-size 70px
|
||||||
|
line-height 120px
|
||||||
color #F6F9FE
|
color #F6F9FE
|
||||||
font-family: YouSheBiaoTiHei
|
font-family: YouSheBiaoTiHei
|
||||||
background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(49,190,255,0.9) 0%, rgba(239,252,254,1) 40%);
|
background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(49,190,255,0.9) 0%, rgba(239,252,254,1) 40%);
|
||||||
@@ -106,8 +109,8 @@ export default {
|
|||||||
width 2px
|
width 2px
|
||||||
background-image linear-gradient(to bottom,#62b2f0,#b1ebf8)
|
background-image linear-gradient(to bottom,#62b2f0,#b1ebf8)
|
||||||
.nav_icon
|
.nav_icon
|
||||||
width 25%
|
width 50%
|
||||||
padding-top 25%
|
padding-top 50%
|
||||||
border-radius 50%
|
border-radius 50%
|
||||||
.nav_item_1
|
.nav_item_1
|
||||||
.nav_icon
|
.nav_icon
|
||||||
|
|||||||
Reference in New Issue
Block a user