Files
mini-programs/src/user_pages/withdrawal/index.scss

144 lines
3.5 KiB
SCSS

.withdrawal-page {
height: 100vh;
font-family: PingFang SC;
font-weight: 400;
font-style: Regular;
color: #3C3C4399;
font-size: 12px;
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
overflow: hidden;
.withdrawal-container {
margin: 20px 5px 0;
border-radius: 20px;
padding-top: 12px;
padding-right: 20px;
padding-bottom: 24px;
padding-left: 20px;
gap: 16px;
border: 0.5px solid #EBEBEB;
box-shadow: 0px 4px 36px 0px #0000000D;
.title-text {
color: #000;
}
.input-container {
font-weight: bold;
color: #000;
display: flex;
align-items: flex-end;
gap: 8px;
border-bottom: 0.5px solid var(--Fills-Tertiary, #7878801F);
margin: 12px 0;
padding-bottom: 12px;
.symbol {
font-size: 20px;
}
Input {
font-size: 32px;
overflow: unset;
text-overflow: unset;
height: 32px;
line-height: 32px;
margin: 0;
padding: 0;
border: none;
background: none;
color: inherit;
outline: none;
box-sizing: border-box;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
flex: 1;
}
.btn {
height: 24px;
border: 1px solid rgba(0, 0, 0, 0.06);
display: flex;
align-items: center;
justify-content: center;
color: #fff;
background: #000;
box-shadow: 0 8px 64px 0 rgba(0, 0, 0, 0.1);
backdrop-filter: blur(16px);
font-feature-settings: "liga" off, "clig" off;
font-family: "PingFang SC";
font-size: 9.6px;
font-style: normal;
line-height: normal;
border-radius: 8px;
margin-right: 0;
}
}
.tips-text {
color: #F3334A;
}
.btn-container {
display: flex;
justify-content: space-between;
.btn {
color: #007AFF;
}
}
}
.tips-container {
padding: 20px 20px;
.title-text {
font-weight: 600;
margin-bottom: 12px;
}
.tips-text {
display: flex;
flex-direction: column;
}
}
}
.withdraw_popup {
.popup_content {
display: flex;
flex-direction: column;
align-items: center;
.popup_text {
font-family: DingTalk JinBuTi;
font-weight: 400;
font-style: Regular;
font-size: 20px;
line-height: 16px;
margin: 20px 0;
}
.password_container {
display: flex;
gap: 4px;
align-items: center;
.password_item {
width: 32px;
height: 32px;
border-radius: 4px;
background-color: #7878801F;
display: flex;
justify-content: center;
align-items: center;
-webkit-text-security: disc;
}
}
}
}