首页和library布局调整

src/component/LoginPage/weiXinLogin.vue

@@ -2,6 +2,7 @@
     <div class="Container">
         <div class="icon" @click="openWeiXinModel">
 			<img src="@/assets/images/loginPage/weiXinIcon.svg" alt="">
+			<span>{{ $props.text }}</span>
 		</div>
 		<weiXinModel ref="weiXinModel"></weiXinModel>
     </div>
@@ -14,6 +15,12 @@
 		components: {
 		    weiXinModel
 		},
+		props: {
+			text: {
+				type: String,
+				default: 'Sign in with Wechat'
+			}
+		},
 		setup() {
 			let weiXinDom = reactive({
 				weiXinModel:null
@@ -35,20 +42,26 @@
 .Container{
 	position: relative;
 	.icon{
-		width: 40px;
-		height: 40px;
+		// width: 40px;
+		width: auto;
 		display: flex;
 		align-items: center;
 		justify-content: center;
 		border: 1px solid #dadce0;
-		border-radius: 50%;
+		border-radius: 4rem;
+		padding: .5rem 3rem;
 		cursor: pointer;
+		box-sizing: border-box;
 		&:hover{
 			background: #f8faff;
 		}
 		img{
-			width: 18px;
-			height: 18px;
+			width: 3.8rem;
+			height: 3.8rem;
+		}
+		span{
+			font-size: 1.4rem;
+			margin-left: 1.4rem;
 		}
 	}
 	&.Container:hover{