fix
This commit is contained in:
@@ -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;
|
||||||
|
|||||||
@@ -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;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user