feat 首页
This commit is contained in:
@@ -10,7 +10,8 @@
|
||||
.container--home {
|
||||
padding: 0 @home-gutter;
|
||||
|
||||
@media (max-width: 1919px) {
|
||||
// 1:1 还原基准为 1920。仅当视口明显窄于 1920 时才收窄留白。
|
||||
@media (max-width: 1600px) {
|
||||
padding: 0 @spacing-lg;
|
||||
}
|
||||
}
|
||||
@@ -18,13 +19,9 @@
|
||||
.auth-page {
|
||||
position: relative;
|
||||
display: flex;
|
||||
min-height: calc(100vh / @page-zoom);
|
||||
min-height: 100vh;
|
||||
background: @white;
|
||||
|
||||
@media (max-width: 1286px) {
|
||||
min-height: calc(100vh / @page-zoom--sm);
|
||||
}
|
||||
|
||||
&__brand {
|
||||
.flex(column, flex-start, center);
|
||||
flex: 0 0 @login-brand-width;
|
||||
|
||||
@@ -1,10 +1,8 @@
|
||||
@import './reset.less';
|
||||
@import './common.less';
|
||||
|
||||
// 视觉基准:蓝湖设计稿 1920px,1:1 还原,不做整体缩放。
|
||||
// 如需适配窄屏,请在各页面内部用媒体查询处理,不要在根元素缩放。
|
||||
html {
|
||||
zoom: @page-zoom;
|
||||
|
||||
@media (max-width: 1286px) {
|
||||
zoom: @page-zoom--sm;
|
||||
}
|
||||
}
|
||||
zoom: 1;
|
||||
}
|
||||
@@ -56,8 +56,10 @@
|
||||
|
||||
@container-width: 1920px;
|
||||
|
||||
@page-zoom: 0.67;
|
||||
@page-zoom--sm: 0.66;
|
||||
// 视觉基准:蓝湖设计稿 1920px,1:1 还原,根元素不做缩放(html { zoom: 1 })。
|
||||
// @page-zoom 仅作为「设计稿 px 与实际渲染 px」的换算说明保留,实际值为 1。
|
||||
@page-zoom: 1;
|
||||
@page-zoom--sm: 1;
|
||||
|
||||
@page-content: 1780px;
|
||||
@page-gutter: 70px;
|
||||
|
||||
Reference in New Issue
Block a user