|
|
@@ -1,6 +1,28 @@
|
|
|
<template>
|
|
|
- <view class="container">
|
|
|
- <view class="container_text">
|
|
|
+ <view class="container">
|
|
|
+ <view class="" style="text-align: left;padding-left: 30rpx;font-size: 52rpx;padding-top: 50rpx;">
|
|
|
+ 重置密碼
|
|
|
+ </view>
|
|
|
+ <view class="tit" >
|
|
|
+ 郵箱
|
|
|
+ </view>
|
|
|
+ <input type="text" class="shuru" placeholder="新密碼" v-model="email">
|
|
|
+ <view class="tit" >
|
|
|
+ 重置密碼
|
|
|
+ </view>
|
|
|
+ <input type="text" class="shuru" placeholder="重置密碼" v-model="email">
|
|
|
+ <view class="tit">
|
|
|
+ 郵箱驗證碼
|
|
|
+ </view>
|
|
|
+ <view class="flex" style="width: 673rpx;justify-content: space-between;margin: auto;">
|
|
|
+ <input type="text" class=" yzm" placeholder="請翰入密碼" v-model="code">
|
|
|
+ <view class="code yzmbtn" @click="verification">{{ countDown == 0 ? '验证码' : countDown }}</view>
|
|
|
+ </view>
|
|
|
+ <view class="tit" >
|
|
|
+ 新密碼
|
|
|
+ </view>
|
|
|
+ <input type="text" class="shuru" placeholder="新密碼" v-model="email">
|
|
|
+ <!-- <view class="container_text">
|
|
|
<image class="banner-img" src="/static/img/img01.png" mode=" scaleToFill"></image>
|
|
|
</view>
|
|
|
<view class="loginTitle"><text>手机号登录</text></view>
|
|
|
@@ -19,7 +41,7 @@
|
|
|
<view>
|
|
|
<button type="green" @click="register" class="uni-button uni-button-green">登录</button>
|
|
|
</view>
|
|
|
- </view>
|
|
|
+ </view> -->
|
|
|
</view>
|
|
|
</template>
|
|
|
<script>
|
|
|
@@ -120,81 +142,58 @@ export default {
|
|
|
</script>
|
|
|
|
|
|
<style lang="scss">
|
|
|
-page {
|
|
|
- height: 100%;
|
|
|
-}
|
|
|
-.container {
|
|
|
- width: 100%;
|
|
|
- height: 100%;
|
|
|
- background-size: 100%;
|
|
|
-}
|
|
|
-.container_text {
|
|
|
- width: 100%;
|
|
|
- height: 500rpx;
|
|
|
- top: 0rpx;
|
|
|
- .banner-img {
|
|
|
- width: 100%;
|
|
|
- height: 100%;
|
|
|
+page {
|
|
|
+ height: 100%;
|
|
|
+ background-color: #fff;
|
|
|
+ font-size: 32rpx;
|
|
|
+ }
|
|
|
+
|
|
|
+ .container {
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ background-size: 100%;
|
|
|
+ }
|
|
|
+
|
|
|
+ .shuru {
|
|
|
+ display: block;
|
|
|
+ background-color: #f5f5f5;
|
|
|
+ width: 673rpx;
|
|
|
+ height: 95rpx;
|
|
|
+ margin: auto;
|
|
|
+ padding-left: 30rpx;
|
|
|
+ text-align: 95rpx;
|
|
|
+ }
|
|
|
+
|
|
|
+ .tit {
|
|
|
+ padding: 40rpx 48rpx 20rpx;
|
|
|
+ }
|
|
|
+
|
|
|
+ .gologin {
|
|
|
+ width: 204rpx;
|
|
|
+ height: 98rpx;
|
|
|
+ line-height: 98rpx;
|
|
|
+ background-color: #fcd535;
|
|
|
+ text-align: center;
|
|
|
+ border-radius: 20rpx;
|
|
|
+ }
|
|
|
+
|
|
|
+ .wjmm {
|
|
|
+ color: #fcd535;
|
|
|
+ }
|
|
|
+
|
|
|
+ .yzm {
|
|
|
+ width: 400rpx;
|
|
|
+ height: 95rpx;
|
|
|
+ padding-left: 30rpx;
|
|
|
+ background-color: #f5f5f5;
|
|
|
+ }
|
|
|
+
|
|
|
+ .yzmbtn {
|
|
|
+ width: 234rpx;
|
|
|
+ height: 95rpx;
|
|
|
+ background-color: #f5f5f5;
|
|
|
+ text-align: center;
|
|
|
+ line-height: 95rpx;
|
|
|
+ color: #fcd535;
|
|
|
}
|
|
|
-}
|
|
|
-.login_text {
|
|
|
- margin: auto 30rpx;
|
|
|
- position: relative;
|
|
|
- padding: 100rpx 102rpx;
|
|
|
- background-color: #ffffff;
|
|
|
- margin-top: -180rpx;
|
|
|
- border-radius: 20rpx;
|
|
|
- .login_input {
|
|
|
- border-bottom: 1px solid #f0f0f0;
|
|
|
- margin-bottom: 65rpx;
|
|
|
- .login_img image {
|
|
|
- height: 35rpx;
|
|
|
- width: 29rpx;
|
|
|
- margin-right: 20rpx;
|
|
|
- }
|
|
|
- .uni-input {
|
|
|
- text-align: left;
|
|
|
- width: 470rpx;
|
|
|
- font-size: 28rpx !important;
|
|
|
- }
|
|
|
- .login_name {
|
|
|
- color: #333333;
|
|
|
- .width {
|
|
|
- width: 325rpx !important;
|
|
|
- }
|
|
|
- .code {
|
|
|
- color: #5dbc7c;
|
|
|
- font-size: 23rpx;
|
|
|
- border-left: 1px solid #eeeeee;
|
|
|
- width: 150rpx;
|
|
|
- flex-shrink: 0;
|
|
|
- text-align: center;
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- .uni-button-green {
|
|
|
- color: #ffffff;
|
|
|
- background-color: #5dbc7c;
|
|
|
- margin: 40rpx 10rpx;
|
|
|
- border-radius: 50rpx;
|
|
|
- }
|
|
|
- .uni-button {
|
|
|
- height: 85rpx;
|
|
|
- line-height: 85rpx;
|
|
|
- }
|
|
|
-}
|
|
|
-.loginTitle {
|
|
|
- position: absolute;
|
|
|
- top: 250rpx;
|
|
|
- width: 100%;
|
|
|
- text-align: center;
|
|
|
- color: white;
|
|
|
- font-size: 40rpx;
|
|
|
-}
|
|
|
-
|
|
|
-uni-button {
|
|
|
- height: 80rpx !important;
|
|
|
- line-height: 80rpx !important;
|
|
|
-}
|
|
|
-
|
|
|
</style>
|
