| | |
| | | <!-- 登录页 --> |
| | | <template> |
| | | <view class="login-form-wrap"> |
| | | <div class="imageLogo"> <image src="@/static/images/login/loginLogo.svg" /></div> |
| | | <image class="logo" :src="logoSvg" /> |
| | | <div class="title">低空经济服务一体化平台系统</div> |
| | | <div class="user-name"> |
| | |
| | | </checkbox-group> |
| | | 记住密码 |
| | | </label> |
| | | <div>忘记密码?</div> |
| | | </div> |
| | | |
| | | <button class="login-btn" :style="[inputStyle]" @tap="submit">登录</button> |
| | |
| | | }); |
| | | } catch (error) { |
| | | const errorMsg = |
| | | error.data?.error_description !== "Bad credentials" |
| | | ? error.data?.error_description |
| | | : "登录失败,请重试"; |
| | | error.data?.msg |
| | | ? error.data.msg |
| | | : (error.data?.error_description && error.data.error_description !== "Bad credentials") |
| | | ? error.data.error_description |
| | | : "登录失败,请重试"; |
| | | uni.showToast({ |
| | | title: errorMsg, |
| | | icon: "none", |
| | |
| | | text-align: center; |
| | | height: 100%; |
| | | width: 100%; |
| | | |
| | | .imageLogo { |
| | | width: 425rpx; |
| | | height: 316rpx; |
| | | position: absolute; |
| | | right: 0; |
| | | image{ |
| | | width: 100%; |
| | | height: 100%; |
| | | } |
| | | } |
| | | .logo { |
| | | width: 127px; |
| | | height: 51px; |
| | | margin: 0 auto; |
| | | margin-top: 104px; |
| | | margin-top: 286rpx; |
| | | margin-bottom: 16px; |
| | | } |
| | | |
| | |
| | | text-align: center; |
| | | margin-bottom: 168rpx; |
| | | } |
| | | |
| | | .user-name{ |
| | | margin-bottom: 40rpx; |
| | | } |
| | | .user-name, |
| | | .pass-word { |
| | | display: flex; |
| | |
| | | align-items: center; |
| | | margin-left: 62rpx; |
| | | margin-right: 58rpx; |
| | | height: 118rpx; |
| | | border-bottom: 2rpx solid #e3e3e3; |
| | | height: 100rpx; |
| | | background: #F1F4F9; |
| | | border-radius: 8rpx 8rpx 8rpx 8rpx; |
| | | padding: 0 22rpx; |
| | | |
| | | image { |
| | | width: 40rpx; |
| | |
| | | |
| | | .remember-password { |
| | | display: flex; |
| | | justify-content: flex-end; |
| | | justify-content:space-between; |
| | | align-items: center; |
| | | margin-left: 62rpx; |
| | | margin-right: 58rpx; |
| | |
| | | color: $u-warning; |
| | | } |
| | | } |
| | | .agreement { |
| | | position: absolute; |
| | | bottom: 40rpx; |
| | | left: 0; |
| | | right: 0; |
| | | display: flex; |
| | | justify-content: center; |
| | | align-items: center; |
| | | text-align: center; |
| | | } |
| | | </style> |