/* pages/phoneLogin.wxss */ .bottom{ width: 100%; margin: 0 auto; text-align: center; margin-top: 30px; margin-bottom: 30px; display: flex; } .bottom view { width: 47%; margin: 0 auto; border-radius: 30px; display: inline-block; } .bottom .btn2{ border: 1px solid transparent; padding: 8px 0px; background-image: linear-gradient(to right, #2C8E68, #5CAE77); color: #fff; } .container{ width: 100vw; height: 100vh; } .container .header{ padding-top: 25.24vh; height: 36.94vh; } .container .header .principal{ height: 6.15vh; line-height: 6.15vh; margin-bottom: 0.61vh; text-align: center; font-size: 4.92vh; color: #2c7339; } .container .header .instructions{ font-size: 2.46vh; height: 4.92vh; line-height: 4.92vh; text-align: center; color: #2c7339; } .container .quick-login{ position: fixed; width: 80%; left: 10%; background-color: #fff; border-radius: 10px; overflow: hidden; box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.1); padding: 30px 20px 0; } .van-field__body { /* border-bottom: 1px solid #dddddd; */ } .container .quick-login .key-login{ width: 89vw; height: 5.17vh; background:#ffffff; margin:0 auto; border-radius: 5.17vh; text-align: center; line-height: 5.17vh; font-size: 2.21vh; color: #2c7339; box-shadow: 8rpx 6rpx 20rpx rgba(0,0,0,.3); padding: 0; } .container .quick-login .authorization{ margin-top: 5vh; display: flex; justify-content: center; /* 相对父元素水平居中 */ align-items: center; /* 子元素相对父元素垂直居中 */ color: #fff; } .container .quick-login .authorization .changeSize{ transform: scale(0.7,0.7); } .container .quick-login .authorization .changeSize .wx-checkbox-input { border-radius: 1vh; } .container .quick-login .authorization text{ margin-left: -.5vw; } scroll-view text{ display: block; line-height: 24px; text-indent: 2rem; }