This commit is contained in:
X1627315083
2024-01-09 17:24:01 +08:00
parent 99f0ce53df
commit 336982b0fe
2 changed files with 31 additions and 30 deletions

View File

@@ -1,7 +1,8 @@
let flexible = (designWidth, maxWidth,minWidth) =>{ let flexible = (designWidth, maxWidth,minWidth) =>{
var doc = document, win = window, docEl = doc.documentElement, remStyle = document.createElement("style"), tid; var doc = document, win = window, docEl = doc.documentElement, remStyle = document.createElement("style"), tid;
designWidth = designWidth || 1600; designWidth = designWidth || 1600;
maxWidth = maxWidth || 2000; maxWidth = maxWidth || 2560;
minWidth = minWidth || 1024; minWidth = minWidth || 1024;
function refreshRem() { function refreshRem() {
var width = docEl.getBoundingClientRect().width; var width = docEl.getBoundingClientRect().width;

View File

@@ -561,7 +561,7 @@ export default defineComponent({
left: 50%; left: 50%;
transform: translate(-50%,-50%); transform: translate(-50%,-50%);
// width: 60rem; // width: 60rem;
width: 120rem; width: 125rem;
background: #FFFFFF; background: #FFFFFF;
// box-shadow: -0.3rem 2rem 5.9rem 0px rgba(200,200,200,0.3); // box-shadow: -0.3rem 2rem 5.9rem 0px rgba(200,200,200,0.3);
border-radius: 1rem; border-radius: 1rem;
@@ -608,12 +608,12 @@ export default defineComponent({
.login_type_item { .login_type_item {
text-align: center; text-align: center;
font-size: 3rem; font-size: calc(3.6*.8rem);
font-weight: bold; font-weight: bold;
color: #D7D7D7; color: #D7D7D7;
cursor: pointer; cursor: pointer;
height: 4rem; height: 3rem;
line-height: 4rem; line-height: 3rem;
&.login_active { &.login_active {
color: #030303; color: #030303;
@@ -621,7 +621,7 @@ export default defineComponent({
} }
} }
.login_form_title { .login_form_title {
font-size: 1rem; font-size: calc(1.6*.8rem);
// color: #666666; // color: #666666;
font-weight: 900; font-weight: 900;
color: #000; color: #000;
@@ -631,7 +631,7 @@ export default defineComponent({
label{ label{
display: flex; display: flex;
span{ span{
font-size: 1rem; font-size: calc(1.6*.8rem);
margin-left: 10px; margin-left: 10px;
font-weight: normal; font-weight: normal;
} }
@@ -660,7 +660,7 @@ export default defineComponent({
.password_show_icon{ .password_show_icon{
position: absolute; position: absolute;
font-size: 1.8rem; font-size: calc(2.4*.8rem);
right: 2rem; right: 2rem;
top:1.7rem; top:1.7rem;
cursor: pointer; cursor: pointer;
@@ -674,8 +674,8 @@ export default defineComponent({
border: 0.1rem solid #DFDFDF; border: 0.1rem solid #DFDFDF;
border-radius: 2.5rem; border-radius: 2.5rem;
padding-left: 2.1rem; padding-left: 2.1rem;
line-height: 5rem; line-height: 4rem;
font-size: 1rem; font-size: calc(1.4*.8rem);
box-sizing: border-box; box-sizing: border-box;
outline: none; outline: none;
@@ -700,7 +700,7 @@ export default defineComponent({
justify-content: space-between; justify-content: space-between;
.email_last_step_content { .email_last_step_content {
margin-left: 1rem; margin-left: 1rem;
font-size: 1.6rem; font-size: calc(2.2*.8rem);
font-weight: bold; font-weight: bold;
color: #030303; color: #030303;
} }
@@ -712,7 +712,7 @@ export default defineComponent({
} }
.fi-br-arrow-left { .fi-br-arrow-left {
font-size: 1.9rem; font-size: calc(2.5*.8rem);
font-weight: bold; font-weight: bold;
color: #030303; color: #030303;
transform: translateY(1rem); transform: translateY(1rem);
@@ -728,7 +728,7 @@ export default defineComponent({
border-radius: 2.5rem; border-radius: 2.5rem;
line-height: 4rem; line-height: 4rem;
text-align: center; text-align: center;
font-size: 1.2rem; font-size: calc(1.8*.8rem);
font-weight: 500; font-weight: 500;
color: #ffffff; color: #ffffff;
cursor: pointer; cursor: pointer;
@@ -737,7 +737,7 @@ export default defineComponent({
} }
} }
.login_text { .login_text {
font-size: 1rem; font-size: calc(1.6*.8rem);
margin-top: 4rem; margin-top: 4rem;
color: #151515; color: #151515;
display: flex; display: flex;
@@ -766,14 +766,14 @@ export default defineComponent({
} }
.fi-br-arrow-left { .fi-br-arrow-left {
font-size: 3.2rem; font-size: calc(3.8*.8rem);
font-weight: bold; font-weight: bold;
color: #030303; color: #030303;
transform: translateY(1rem); transform: translateY(1rem);
display: inline-block; display: inline-block;
} }
.forget_password_content_title { .forget_password_content_title {
font-size: 2.6rem; font-size: calc(3.2*.8rem);
font-weight: bold; font-weight: bold;
color: #030303; color: #030303;
margin-left: 2rem; margin-left: 2rem;
@@ -783,7 +783,7 @@ export default defineComponent({
margin-top: 3.5rem; margin-top: 3.5rem;
.forget_passored_form_title { .forget_passored_form_title {
font-size: 1.8rem; font-size: calc(2.4*.8rem);
font-weight: bold; font-weight: bold;
color: #030303; color: #030303;
display: flex; display: flex;
@@ -793,13 +793,13 @@ export default defineComponent({
.forget_passored_form_input { .forget_passored_form_input {
width: 100%; width: 100%;
height: 5rem; height: 4rem;
margin-top: 1rem; margin-top: 1rem;
border: 0.1rem solid #DFDFDF; border: 0.1rem solid #DFDFDF;
border-radius: 2.5rem; border-radius: 2.5rem;
padding-left: 2.1rem; padding-left: 2.1rem;
line-height: 5rem; line-height: 4rem;
font-size: 1rem; font-size: calc(1.4*.8rem);
box-sizing: border-box; box-sizing: border-box;
outline: none; outline: none;
@@ -810,19 +810,19 @@ export default defineComponent({
} }
.forget_verif_code_des { .forget_verif_code_des {
font-size: 1.8rem; font-size: calc(2.4*.8rem);
font-weight: bold; font-weight: bold;
color: #030303; color: #030303;
margin-top: 3.5rem; margin-top: 3.5rem;
} }
.forget_submit_button { .forget_submit_button {
height: 5rem; height: 4rem;
background: #000; background: #000;
border-radius: 2.5rem; border-radius: 2.5rem;
line-height: 5rem; line-height: 4rem;
text-align: center; text-align: center;
font-size: 1.2rem; font-size: calc(1.8*.8rem);
font-weight: 500; font-weight: 500;
color: #ffffff; color: #ffffff;
cursor: pointer; cursor: pointer;
@@ -845,7 +845,7 @@ export default defineComponent({
align-items: center; align-items: center;
.login_footer_item_text{ .login_footer_item_text{
font-size: 1rem; font-size: calc(1.3*.8rem);
color: #151515; color: #151515;
} }
@@ -865,11 +865,11 @@ export default defineComponent({
.marign_top20 { .marign_top20 {
margin-top: 2rem; margin-top: 1rem;
} }
.marign_top22 { .marign_top22 {
margin-top: 2.2rem; margin-top: 1.2rem;
} }
.marign_top30 { .marign_top30 {
@@ -880,7 +880,7 @@ export default defineComponent({
} }
.tip_content { .tip_content {
font-size: 1rem; font-size: calc(1.3*.8rem);
font-weight: bold; font-weight: bold;
color: #343579; color: #343579;
cursor: pointer; cursor: pointer;
@@ -894,13 +894,13 @@ export default defineComponent({
margin-bottom: 2rem; margin-bottom: 2rem;
.sent_email_content { .sent_email_content {
font-size: 1.2rem; font-size: calc(1.8*.8rem);
font-weight: bold; font-weight: bold;
color: #a5b0c2; color: #a5b0c2;
} }
.email_tip_content{ .email_tip_content{
font-size: 1.2rem; font-size: calc(1.4*.8rem);
color: #030303; color: #030303;
} }
} }