|
@@ -1,22 +1,26 @@
|
|
|
<template>
|
|
|
<view class="content">
|
|
|
- <image class="logo-img" mode="aspectFit" src="/static/img/logo.png"></image>
|
|
|
- <u-button shape="circle" class="login-btn" type="success" plain :hair-line="false" open-type="getPhoneNumber" @getphonenumber="getPhoneNumber">
|
|
|
- <view class="login-btn-content">
|
|
|
- <view class="wechat-img"></view>
|
|
|
- <view>微信登陆</view>
|
|
|
+ <view>
|
|
|
+ <view class="logo">
|
|
|
+ <u-image src="/static/logo.png" width="140" height="140" ></u-image>
|
|
|
+ </view>
|
|
|
+ <view class="login-btns">
|
|
|
+ <u-button shape="circle" class="login-btn" type="success" :hair-line="false" open-type="getPhoneNumber" @getphonenumber="getPhoneNumber">
|
|
|
+ 微信登陆
|
|
|
+ </u-button>
|
|
|
+ <u-button shape="circle" class="login-btn" type="primary">
|
|
|
+ 手机号码登录
|
|
|
+ </u-button>
|
|
|
</view>
|
|
|
- </u-button>
|
|
|
- <view class="canseLogin" @click="gotoHome()">
|
|
|
- 取消登录
|
|
|
</view>
|
|
|
+ <view>登录即代表同意<text>隐私政策</text>和<text>服务条款</text></view>
|
|
|
</view>
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
import {
|
|
|
login
|
|
|
- } from "@/api/login.js"
|
|
|
+ } from "@/api/login"
|
|
|
export default {
|
|
|
components: {},
|
|
|
data() {
|
|
@@ -100,7 +104,6 @@
|
|
|
_this.code = res.code
|
|
|
}
|
|
|
})
|
|
|
- console.log(this.code,'1111111111')
|
|
|
},
|
|
|
gotoHome () {
|
|
|
wx.reLaunch({
|
|
@@ -115,39 +118,33 @@
|
|
|
.content {
|
|
|
width: 100%;
|
|
|
height: 100%;
|
|
|
- padding: 0;
|
|
|
+ padding: 40upx;
|
|
|
display: flex;
|
|
|
- align-items: center;
|
|
|
- padding-top: 35%;
|
|
|
- .logo-img {
|
|
|
- width: 400rpx;
|
|
|
- height: 100rpx;
|
|
|
+ flex-direction: column;
|
|
|
+ > view{
|
|
|
+ text-align: center;
|
|
|
+ &:first-child{
|
|
|
+ flex-grow: 1;
|
|
|
+ height: 80vh;
|
|
|
+ padding: 20% 10%;
|
|
|
+ }
|
|
|
+ &:last-child{
|
|
|
+ font-size: 24upx;
|
|
|
+ text{
|
|
|
+ color: #2979FF;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .logo{
|
|
|
+ text-align: center;
|
|
|
+ display: flex;
|
|
|
+ justify-content: center;
|
|
|
+ }
|
|
|
+ .login-btns{
|
|
|
+ padding: 30upx 0;
|
|
|
+ .login-btn{
|
|
|
+ margin: 30upx 0;
|
|
|
+ }
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
- .wechat-img {
|
|
|
- width: 40px;
|
|
|
- height: 35px;
|
|
|
- margin-right: 10px;
|
|
|
- padding-top: 10px;
|
|
|
- background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyBjbGFzcz0iaWNvbiIgd2lkdGg9IjMwcHgiIGhlaWdodD0iMzBweCIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGZpbGw9IiMwOUJCMDciIGQ9Ik0xMDEwLjggNjI4YzAtMTQxLjItMTQxLjMtMjU2LjItMjk5LjktMjU2LjItMTY4IDAtMzAwLjMgMTE1LjEtMzAwLjMgMjU2LjIgMCAxNDEuNCAxMzIuMyAyNTYuMiAzMDAuMyAyNTYuMiAzNS4yIDAgNzAuNy04LjkgMTA2LTE3LjdsOTYuOCA1My0yNi42LTg4LjJjNzAuOS01My4yIDEyMy43LTEyMy43IDEyMy43LTIwMy4zek02MTggNTg4LjhjLTIyLjEgMC00MC0xNy45LTQwLTQwczE3LjktNDAgNDAtNDAgNDAgMTcuOSA0MCA0MGMwIDIyLTE3LjkgNDAtNDAgNDB6IG0xOTQuMy0wLjNjLTIyLjEgMC00MC0xNy45LTQwLTQwczE3LjktNDAgNDAtNDAgNDAgMTcuOSA0MCA0MC0xNy45IDQwLTQwIDQweiIgIC8+PHBhdGggZmlsbD0iIzA5QkIwNyIgZD0iTTM2Ni4zIDEwNi45Yy0xOTQuMSAwLTM1My4xIDEzMi4zLTM1My4xIDMwMC4zIDAgOTcgNTIuOSAxNzYuNiAxNDEuMyAyMzguNGwtMzUuMyAxMDYuMiAxMjMuNC02MS45YzQ0LjIgOC43IDc5LjYgMTcuNyAxMjMuNyAxNy43IDExLjEgMCAyMi4xLTAuNSAzMy0xLjQtNi45LTIzLjYtMTAuOS00OC4zLTEwLjktNzQgMC0xNTQuMyAxMzIuNS0yNzkuNSAzMDAuMi0yNzkuNSAxMS41IDAgMjIuOCAwLjggMzQgMi4xQzY5MiAyMTIuNiA1MzkuOSAxMDYuOSAzNjYuMyAxMDYuOXpNMjQ3LjcgMzQ5LjJjLTI2LjUgMC00OC0yMS41LTQ4LTQ4czIxLjUtNDggNDgtNDggNDggMjEuNSA0OCA0OC0yMS41IDQ4LTQ4IDQ4eiBtMjQ2LjYgMGMtMjYuNSAwLTQ4LTIxLjUtNDgtNDhzMjEuNS00OCA0OC00OCA0OCAyMS41IDQ4IDQ4LTIxLjUgNDgtNDggNDh6IiAgLz48L3N2Zz4K') no-repeat center center;
|
|
|
- }
|
|
|
-
|
|
|
- .login-btn {
|
|
|
- margin-top: 30px;
|
|
|
- }
|
|
|
-
|
|
|
- .login-btn-content {
|
|
|
- width: 65vw;
|
|
|
- display: flex;
|
|
|
- justify-content: center;
|
|
|
- align-items: center;
|
|
|
- }
|
|
|
- .canseLogin{
|
|
|
- width: 65vw;
|
|
|
- padding : 20rpx 15rpx;
|
|
|
- text-align : center;
|
|
|
- font-size: 1em;
|
|
|
- margin-top: 1.8em;
|
|
|
- color: #666;
|
|
|
- }
|
|
|
</style>
|