浏览代码

修改登录样式适配

SanHQin 1 年之前
父节点
当前提交
af972a841d
共有 1 个文件被更改,包括 16 次插入14 次删除
  1. 16 14
      src/components/pages/inviteLoginSZ/inviteLogin.vue

+ 16 - 14
src/components/pages/inviteLoginSZ/inviteLogin.vue

@@ -33,8 +33,8 @@
 				<div class="c-box">
 					<div class="c-b-left"></div>
 					<div class="c-b-right">
-						<div class="c-b-r-closeArea">
-							<span class="el-icon-close c-b-r-ca-btn"></span>
+						<div class="c-b-r-closeArea" v-if="steps == 2" @click.stop="steps = 1">
+							<span class="el-icon-back c-b-r-ca-btn"></span>
 						</div>
 						<div class="c-b-r-main" v-if="steps == 1">
 							<div class="c-b-r-m-title">欢迎登录!</div>
@@ -111,8 +111,8 @@ export default {
             }
             let params = {
                 code: this.icode,
-                // oid: this.code,
-								oid:"16ace517-b5c7-4168-a9bb-a9e0035df840"
+                oid: this.code,
+								// oid:"16ace517-b5c7-4168-a9bb-a9e0035df840"
 								// oid:"0fec3a8a-ad04-11ed-b13d-005056b86db5" //测试
             };
             this.loading = true
@@ -186,19 +186,20 @@ export default {
 
 <style scoped>
 .container {
-    width: 100%;
-    height: 100%;
+    width: 100vw;
+    height: 100vh;
     overflow: hidden;
 		display: flex;
 		justify-content: center;
 		align-items: center;
-		background-image: url("../../../assets/inviteLoginSZBG.png");
-		background-size: 100%;
+		background: url("../../../assets/inviteLoginSZBG.png") no-repeat;
+		background-size: 100% 100%;
+		position: relative;
 }
 
 .c-box{
-	width: 1200px;
-	height: 676px;
+	width: 75%;
+	height: 75%;
 	border-radius: 12px;
 	background-color: #4B88F5;
 	overflow: hidden;
@@ -208,8 +209,9 @@ export default {
 .c-b-left{
 	flex: 1;
 	height: 100%;
-	background-image: url("../../../assets/inviteLoginSZImage.png");
-	background-size: 100%;
+	background: url("../../../assets/inviteLoginSZImage.png") no-repeat;
+	background-size: cover;
+	background-position: center;
 }
 
 .c-b-right{
@@ -243,8 +245,8 @@ export default {
 }
 
 .c-b-r-main{
-	width: 400px;
-	height: 500px;
+	width: 80%;
+	height: 80%;
 }
 
 .c-b-r-m-title{