|
@@ -1,123 +1,145 @@
|
|
|
.auth-content {
|
|
|
- width: 520rpx;
|
|
|
- min-height: 480rpx;
|
|
|
- max-height: 660rpx;
|
|
|
- background: #fff;
|
|
|
- border-radius: 24rpx;
|
|
|
- position: relative;
|
|
|
- display: flex;
|
|
|
- flex-direction: column;
|
|
|
- align-items: center;
|
|
|
- justify-content: flex-end;
|
|
|
+ width: 100vw;
|
|
|
+ min-height: 100vh;
|
|
|
+ max-height: 660rpx;
|
|
|
+ background: #fff;
|
|
|
+ /* border-radius: 24rpx; */
|
|
|
+ position: relative;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ /* align-items: center;
|
|
|
+ justify-content: flex-end; */
|
|
|
}
|
|
|
|
|
|
.auth-content .bg {
|
|
|
- width: 520rpx;
|
|
|
+ width: 520rpx;
|
|
|
}
|
|
|
|
|
|
.auth-content .h1 {
|
|
|
- color: #000;
|
|
|
- font-size: 32rpx;
|
|
|
- margin-bottom: 20rpx;
|
|
|
- font-weight: bold;
|
|
|
+ color: #000;
|
|
|
+ font-size: 32rpx;
|
|
|
+ margin-bottom: 20rpx;
|
|
|
+ font-weight: bold;
|
|
|
}
|
|
|
|
|
|
.auth-content .h2 {
|
|
|
- font-size: 24rpx;
|
|
|
- line-height: 36rpx;
|
|
|
- color: #999;
|
|
|
- width: 408rpx;
|
|
|
- margin-bottom: 44rpx;
|
|
|
+ font-size: 24rpx;
|
|
|
+ line-height: 36rpx;
|
|
|
+ color: #999;
|
|
|
+ width: 408rpx;
|
|
|
+ margin-bottom: 44rpx;
|
|
|
}
|
|
|
|
|
|
.auth-content .btn {
|
|
|
- position: absolute;
|
|
|
- left: 0;
|
|
|
+ /* position: absolute; */
|
|
|
+ /* left: 0;
|
|
|
right: 0;
|
|
|
- bottom: 30rpx;
|
|
|
- align-items: flex-start;
|
|
|
- justify-content: center;
|
|
|
- font-size: 28rpx;
|
|
|
+ bottom: 30rpx; */
|
|
|
+ margin-top: 12vh;
|
|
|
+ align-items: flex-start;
|
|
|
+ justify-content: center;
|
|
|
+ font-size: 28rpx;
|
|
|
+}
|
|
|
+
|
|
|
+.tips {
|
|
|
+ text-align: center;
|
|
|
+ margin-bottom: 20rpx;
|
|
|
+ margin-top: 10rpx;
|
|
|
+
|
|
|
+ /* color: #f45b56; */
|
|
|
+ font-size: 24rpx;
|
|
|
}
|
|
|
|
|
|
.auth-content .btn .close-btn {
|
|
|
-
|
|
|
- width: 50%;
|
|
|
- text-align: center;
|
|
|
- color: #f45b56;
|
|
|
- border: 1rpx solid #f45b56;
|
|
|
- border-radius: 36rpx;
|
|
|
- margin: 10rpx auto;
|
|
|
- padding: 0 15px;
|
|
|
- height: 64rpx;
|
|
|
- line-height: 64rpx;
|
|
|
+
|
|
|
+ width: 50%;
|
|
|
+ text-align: center;
|
|
|
+ color: #f45b56;
|
|
|
+ border: 1rpx solid #f45b56;
|
|
|
+ border-radius: 36rpx;
|
|
|
+ margin: 10rpx auto;
|
|
|
+ padding: 0 15px;
|
|
|
+ height: 64rpx;
|
|
|
+ line-height: 64rpx;
|
|
|
}
|
|
|
|
|
|
.auth-content .btn .close-img {
|
|
|
- margin: 0 15rpx;
|
|
|
+ margin: 0 15rpx;
|
|
|
}
|
|
|
|
|
|
.auth-content .btn .img {
|
|
|
- width: 180rpx;
|
|
|
+ width: 180rpx;
|
|
|
}
|
|
|
|
|
|
.auth-content .confirm {
|
|
|
- width: 60%;
|
|
|
- margin: 10rpx auto;
|
|
|
- height: 74rpx;
|
|
|
- line-height: 64rpx;
|
|
|
- color: #fff;
|
|
|
- background: #f45b56;
|
|
|
- border-radius: 36rpx;
|
|
|
- font-size: 28rpx;
|
|
|
- padding: 0rpx 32rpx;
|
|
|
+ width: 60%;
|
|
|
+ margin: 30rpx auto;
|
|
|
+ height: 74rpx;
|
|
|
+ line-height: 64rpx;
|
|
|
+ color: #fff;
|
|
|
+ background: #f45b56;
|
|
|
+ border-radius: 36rpx;
|
|
|
+ font-size: 28rpx;
|
|
|
+ padding: 0rpx 32rpx;
|
|
|
}
|
|
|
|
|
|
.auth-content .confirm-img {
|
|
|
- width: 180rpx;
|
|
|
- height: 64rpx;
|
|
|
- line-height: 64rpx;
|
|
|
- margin: 0 15rpx;
|
|
|
- padding: 0;
|
|
|
+ width: 180rpx;
|
|
|
+ height: 64rpx;
|
|
|
+ line-height: 64rpx;
|
|
|
+ margin: 0 15rpx;
|
|
|
+ padding: 0;
|
|
|
}
|
|
|
|
|
|
.updateWx {
|
|
|
- width: 425rpx;
|
|
|
- height: 64rpx;
|
|
|
- line-height: 64rpx;
|
|
|
- color: #fff;
|
|
|
- background: #f45b56;
|
|
|
- border-radius: 36rpx;
|
|
|
- margin: 0 0 30rpx;
|
|
|
- text-align: center;
|
|
|
-}
|
|
|
-.content{
|
|
|
- display: block;
|
|
|
- height: 60%;
|
|
|
- width: 100%;
|
|
|
-}
|
|
|
-.avatar{
|
|
|
- margin-left: -36rpx;
|
|
|
- border-radius: 50%;
|
|
|
- margin-top: -4rpx;
|
|
|
- height:120rpx;
|
|
|
- width:120rpx;
|
|
|
-}
|
|
|
-.weui-input{
|
|
|
- width: 80%;
|
|
|
- border-bottom: 1rpx solid #999;
|
|
|
- padding-left: 10rpx;
|
|
|
- margin-top: -6rpx;
|
|
|
-}
|
|
|
-.avatar-wrapper{
|
|
|
- border: 1rpx solid #f45b56;
|
|
|
- border-radius: 50%;
|
|
|
- height:120rpx;
|
|
|
- width:120rpx;
|
|
|
-}
|
|
|
-.nm{
|
|
|
-
|
|
|
- margin: 40rpx;
|
|
|
- font-size: 32rpx;
|
|
|
- display: flex;
|
|
|
+ width: 425rpx;
|
|
|
+ height: 64rpx;
|
|
|
+ line-height: 64rpx;
|
|
|
+ color: #fff;
|
|
|
+ background: #f45b56;
|
|
|
+ border-radius: 36rpx;
|
|
|
+ margin: 0 0 30rpx;
|
|
|
+ text-align: center;
|
|
|
+}
|
|
|
+
|
|
|
+.content {
|
|
|
+ display: block;
|
|
|
+ height: 60%;
|
|
|
+ margin-bottom: 70rpx;
|
|
|
+ width: 100%;
|
|
|
+}
|
|
|
+
|
|
|
+.avatar {
|
|
|
+ margin-left: -36rpx;
|
|
|
+ border-radius: 50%;
|
|
|
+ margin-top: -4rpx;
|
|
|
+ height: 180rpx;
|
|
|
+ width: 180rpx;
|
|
|
+}
|
|
|
+
|
|
|
+.weui-input {
|
|
|
+ width: 80%;
|
|
|
+ /* border-bottom: 1rpx solid #999; */
|
|
|
+ padding-left: 10rpx;
|
|
|
+ margin-top: -6rpx;
|
|
|
+}
|
|
|
+
|
|
|
+.avatar-wrapper {
|
|
|
+ border: 1rpx solid #f45b56;
|
|
|
+ border-radius: 50%;
|
|
|
+ height: 180rpx;
|
|
|
+ width: 180rpx;
|
|
|
+}
|
|
|
+
|
|
|
+.nm {
|
|
|
+
|
|
|
+ /* margin: 40rpx 40rpx 0; */
|
|
|
+ margin: 0 30rpx;
|
|
|
+ font-size: 32rpx;
|
|
|
+ margin-top: 50rpx;
|
|
|
+ /* background-color: aliceblue; */
|
|
|
+ border-top: solid rgb(214, 214, 214) 1px;
|
|
|
+ border-bottom: solid rgb(214, 214, 214) 1px;
|
|
|
+ padding: 20rpx;
|
|
|
+ display: flex;
|
|
|
}
|