feat: first commit
This commit is contained in:
79
src/pages/certification/index.less
Normal file
79
src/pages/certification/index.less
Normal file
@ -0,0 +1,79 @@
|
||||
@import '@/styles/common.less';
|
||||
@import '@/styles/variables.less';
|
||||
|
||||
.page-certification {
|
||||
padding: 40px 24px;
|
||||
|
||||
&__id-card-container {
|
||||
width: 100%;
|
||||
.flex-row();
|
||||
}
|
||||
|
||||
&__id-card {
|
||||
flex: 1;
|
||||
height: 178px;
|
||||
.flex-column();
|
||||
justify-content: center;
|
||||
background: #F2F2F2;
|
||||
border-radius: 12px;
|
||||
margin: 24px 0;
|
||||
|
||||
&:first-child {
|
||||
margin-right: 24px;
|
||||
}
|
||||
|
||||
&__image {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
&__icon {
|
||||
width: 72px;
|
||||
height: 72px;
|
||||
}
|
||||
|
||||
&__describe {
|
||||
font-size: 24px;
|
||||
line-height: 32px;
|
||||
font-weight: 400;
|
||||
color: @blColorG1;
|
||||
margin-top: 24px;
|
||||
}
|
||||
}
|
||||
|
||||
&__verify {
|
||||
.flex-column();
|
||||
|
||||
&__input {
|
||||
flex: 1;
|
||||
height: 100px;
|
||||
}
|
||||
|
||||
&__code-container {
|
||||
width: 100%;
|
||||
.flex-row();
|
||||
}
|
||||
|
||||
&__send {
|
||||
font-size: 32px;
|
||||
line-height: 32px;
|
||||
font-weight: 400;
|
||||
color: @blHighlightColor;
|
||||
white-space: nowrap;
|
||||
}
|
||||
}
|
||||
|
||||
&__footer {
|
||||
position: fixed;
|
||||
left: 24px;
|
||||
right: 24px;
|
||||
bottom: 0;
|
||||
background: #F5F6FA;
|
||||
padding-top: 30px;
|
||||
}
|
||||
|
||||
&__submit {
|
||||
.button(@width: 100%; @height: 80px);
|
||||
margin-bottom: 56px;
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user