lilei 4 lat temu
rodzic
commit
346067a5ff
3 zmienionych plików z 39 dodań i 43 usunięć
  1. 0 1
      api/login.js
  2. 39 42
      pages/login/login.vue
  3. BIN
      static/logo.png

+ 0 - 1
api/login.js

@@ -4,7 +4,6 @@ export const login = params => {
   return axios.request({
     url: `login`,
     method: 'post',
-	header: { 'Content-Type': 'application/x-www-form-urlencoded' },
 	data: params
   },true)
 };

+ 39 - 42
pages/login/login.vue

@@ -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>

BIN
static/logo.png