1319612909
4 years ago
3 changed files with 159 additions and 133 deletions
@ -0,0 +1,24 @@ |
|||
// basice |
|||
$font-size: 14px; |
|||
$icon-size:17px; |
|||
$active-color:#1890ff; |
|||
$bg-main:#f0f2f5; |
|||
$border-color: #f4f4f4; |
|||
|
|||
// aside |
|||
$color-aside:rgba(255, 255, 255,.9); |
|||
$icon-arrow-size-aside:12px; |
|||
$width-submenu-aside:55px; |
|||
// header |
|||
$height-header: 60px; |
|||
// nav-scroll |
|||
$height-nav-scroll:40px; |
|||
$bg-nav-scroll:#191a23; |
|||
$active-bg-tabs-item-nav-scroll:#409eff; |
|||
$bg-tabs-item-nav-scroll:#ddd; |
|||
// table |
|||
$bg-color-table-thead:#fafafa; |
|||
$border-color-table:#ededed; |
|||
$height-table-cell:45px; |
|||
$color-table-tbody:#595959; |
|||
$color-table-thead:#262626; |
|||
@ -0,0 +1,134 @@ |
|||
.login-register-box { |
|||
height: 100vh; |
|||
.login-box { |
|||
width: 40vw; |
|||
position: absolute; |
|||
left: 50%; |
|||
margin-left: -22vw; |
|||
top: 5vh; |
|||
.logo { |
|||
height: 35vh; |
|||
width: 35vh; |
|||
} |
|||
} |
|||
} |
|||
|
|||
.link-icon { |
|||
width: 20px; |
|||
min-width: 20px; |
|||
height: 20px; |
|||
border-radius: 10px; |
|||
} |
|||
|
|||
.vPic { |
|||
width: 33%; |
|||
height: 38px; |
|||
float: right !important; |
|||
background: #ccc; |
|||
img { |
|||
cursor: pointer; |
|||
vertical-align: middle; |
|||
} |
|||
} |
|||
|
|||
.logo_login { |
|||
width: 100px; |
|||
} |
|||
|
|||
#userLayout.user-layout-wrapper { |
|||
height: 100%; |
|||
position: relative; |
|||
&.mobile { |
|||
.container { |
|||
.main { |
|||
max-width: 368px; |
|||
width: 98%; |
|||
} |
|||
} |
|||
} |
|||
|
|||
.container { |
|||
position: relative; |
|||
overflow: auto; |
|||
width: 100%; |
|||
min-height: 100%; |
|||
background: #f0f2f5 url(~@/assets/background.svg) no-repeat 50%; |
|||
background-size: 100%; |
|||
padding: 110px 0 144px; |
|||
a { |
|||
text-decoration: none; |
|||
} |
|||
|
|||
.top { |
|||
text-align: center; |
|||
margin-top: -40px; |
|||
.header { |
|||
height: 44px; |
|||
line-height: 44px; |
|||
margin-bottom: 30px; |
|||
.badge { |
|||
position: absolute; |
|||
display: inline-block; |
|||
line-height: 1; |
|||
vertical-align: middle; |
|||
margin-left: -12px; |
|||
margin-top: -10px; |
|||
opacity: 0.8; |
|||
} |
|||
|
|||
.logo { |
|||
height: 44px; |
|||
vertical-align: top; |
|||
margin-right: 16px; |
|||
border-style: none; |
|||
} |
|||
|
|||
.title { |
|||
font-size: 33px; |
|||
color: rgba(0, 0, 0, 0.85); |
|||
font-family: Avenir, "Helvetica Neue", Arial, Helvetica, sans-serif; |
|||
font-weight: 600; |
|||
position: relative; |
|||
top: 2px; |
|||
} |
|||
} |
|||
.desc { |
|||
font-size: 14px; |
|||
color: rgba(0, 0, 0, 0.45); |
|||
margin-top: 12px; |
|||
} |
|||
} |
|||
|
|||
.main { |
|||
min-width: 260px; |
|||
width: 368px; |
|||
margin: 0 auto; |
|||
} |
|||
|
|||
.footer { |
|||
position: relative; |
|||
width: 100%; |
|||
padding: 0 20px; |
|||
margin: 40px 0 10px; |
|||
text-align: center; |
|||
.links { |
|||
margin-bottom: 8px; |
|||
font-size: 14px; |
|||
width: 330px; |
|||
display: inline-flex; |
|||
flex-direction: row; |
|||
justify-content: space-between; |
|||
padding-right: 40px; |
|||
a { |
|||
color: rgba(0, 0, 0, 0.45); |
|||
transition: all 0.3s; |
|||
} |
|||
} |
|||
.copyright { |
|||
color: rgba(0, 0, 0, 0.45); |
|||
font-size: 14px; |
|||
padding-right: 40px; |
|||
} |
|||
} |
|||
} |
|||
} |
|||
Write
Preview
Loading…
Cancel
Save
Reference in new issue