| | |
| | | <view class="login_list"> |
| | | <view class="login_list_item"> |
| | | <image src="@/static/login_ic_phone@2x.png" mode="widthFix" /> |
| | | <input v-model="form.idCard" maxlength="18" type="number" placeholder="账号"> |
| | | <input |
| | | v-model="form.idCard" |
| | | maxlength="18" |
| | | type="number" |
| | | placeholder="账号" |
| | | /> |
| | | </view> |
| | | <view class="login_list_item"> |
| | | <image src="@/static/login_ic_password@2x.png" mode="widthFix" /> |
| | | <input v-model="form.password" type="password" placeholder="密码"> |
| | | <input v-model="form.password" type="password" placeholder="密码" /> |
| | | </view> |
| | | </view> |
| | | <view class="login_btn"> |
| | | <view class="login_btn_n">立即登录</view> |
| | | <view class="login_btn_n" @click="onLogin">立即登录</view> |
| | | <view class="for_psd">忘记密码</view> |
| | | </view> |
| | | |
| | |
| | | }, |
| | | |
| | | created () { |
| | | console.log('---'); |
| | | }, |
| | | |
| | | methods: { |
| | | dealChange(e) { |
| | | console.log(e); |
| | | console.log(e) |
| | | }, |
| | | onLogin() { |
| | | const appID = 'wx4d7c10bdec51942b' |
| | | const AppSecret = '922c93596d134fedf5bd22a9354b3bfe' |
| | | // const scope = 'snsapi_userinfo' |
| | | let uri = encodeURIComponent('http://xiaopiqiu2.natapp1.cc') |
| | | let authURL = |
| | | `https://open.weixin.qq.com/connect/oauth2/authorize?appid=${appID}&redirect_uri=${uri}&response_type=code&scope=snsapi_userinfo&state=123#wechat_redirect` |
| | | window.location.href = authURL |
| | | |
| | | } |
| | | } |
| | | } |
| | |
| | | box-sizing: border-box; |
| | | align-items: center; |
| | | flex-direction: column; |
| | | background: linear-gradient( 180deg, rgba(39,155,170,0.2) 0%, rgba(39,155,170,0) 100%); |
| | | background: linear-gradient( |
| | | 180deg, |
| | | rgba(39, 155, 170, 0.2) 0%, |
| | | rgba(39, 155, 170, 0) 100% |
| | | ); |
| | | .login_logo { |
| | | width: 180rpx; |
| | | height: 180rpx; |
| | |
| | | height: 98rpx; |
| | | padding: 0 40rpx; |
| | | box-sizing: border-box; |
| | | background: #FFFFFF; |
| | | background: #ffffff; |
| | | margin-bottom: 40rpx; |
| | | display: flex; |
| | | align-items: center; |
| | |
| | | box-sizing: border-box; |
| | | margin-top: 80rpx; |
| | | .for_psd{ |
| | | color: #279BAA; |
| | | color: #279baa; |
| | | margin-top: 40rpx; |
| | | width: 140rpx; |
| | | text-align: center; |
| | |
| | | .login_btn_n { |
| | | width: 100%; |
| | | height: 98rpx; |
| | | background: #279BAA; |
| | | background: #279baa; |
| | | box-shadow: 0rpx 12rpx 24rpx 0rpx rgba(39,155,170,0.2); |
| | | display: flex; |
| | | align-items: center; |
| | | justify-content: center; |
| | | font-weight: 500; |
| | | font-size: 32rpx; |
| | | color: #FFFFFF; |
| | | color: #ffffff; |
| | | border-radius: 50rpx; |
| | | } |
| | | } |
| | |
| | | text-align: center; |
| | | bottom: 108rpx; |
| | | .deal{ |
| | | color: #279BAA; |
| | | color: #279baa; |
| | | } |
| | | |
| | | } |
| | | } |
| | | </style> |