|
@@ -1,35 +1,35 @@
|
|
|
<template>
|
|
|
<view class="container">
|
|
|
<view class="container_text">
|
|
|
- <!-- <image class="banner-img" src="/static/img/img01.png" mode="scaleToFill"> -->
|
|
|
+ <image class="banner-img" src="/static/img/login.png" mode="scaleToFill">
|
|
|
</image>
|
|
|
</view>
|
|
|
<view class="loginTitle"><text>登录</text></view>
|
|
|
<view class="login_text">
|
|
|
<view class="login_input flex">
|
|
|
- <view class="login_img"><image src="/static/icon/img03.png"></image></view>
|
|
|
+ <view class="login_img"><image src="/static/img/login01.png"></image></view>
|
|
|
<view class="login_name"><input class="uni-input" v-model="username" focus placeholder="请输入手机号" /></view>
|
|
|
</view>
|
|
|
<view class="login_input flex">
|
|
|
- <view class="login_img"><image src="/static/icon/img04.png"></image></view>
|
|
|
+ <view class="login_img"><image src="/static/img/public3.png"></image></view>
|
|
|
<view class="login_name"><input class="uni-input" type="password" v-model="passward" focus placeholder="请输入密码" /></view>
|
|
|
</view>
|
|
|
<view><button type="green" class="uni-button uni-button-green" @click="toLogin">登录</button></view>
|
|
|
- <view><button type="green" class="uni-button uni-button-green uni-button-green-plain" plain="true" hover-class="none" @click="register">注册</button></view>
|
|
|
+ <!-- <view><button type="green" class="uni-button uni-button-green uni-button-green-plain" plain="true" hover-class="none" @click="register">注册</button></view> -->
|
|
|
<navigator url="./forget"><view class="forget">忘记密码</view></navigator>
|
|
|
- <view class="flex other">
|
|
|
+ <!-- <view class="flex other">
|
|
|
<view class="fenge"></view>
|
|
|
<view class="qita">其他方式登录</view>
|
|
|
<view class="fenge"></view>
|
|
|
- </view>
|
|
|
+ </view> -->
|
|
|
<!-- #ifndef APP-PLUS -->
|
|
|
<view class="weixin" @click="wecahtLogin"><image src="/static/img/img05.png"></image></view>
|
|
|
- <view class="weixin_text" @click="wecahtLogin">微信登录</view>
|
|
|
+ <!-- <view class="weixin_text" @click="wecahtLogin">微信登录</view> -->
|
|
|
<!-- #endif -->
|
|
|
<!-- #ifdef APP-PLUS -->
|
|
|
<block v-if="!is_ios">
|
|
|
<view class="weixin" @click="wecahtLogin"><image src="/static/img/img05.png" mode="scaleToFill"></image></view>
|
|
|
- <view class="weixin_text" @click="wecahtLogin">微信登录</view>
|
|
|
+ <!-- <view class="weixin_text" @click="wecahtLogin">微信登录</view> -->
|
|
|
</block>
|
|
|
<block v-else>
|
|
|
<view class="ios_login flex" @click="wecahtLogin('weixin')">
|
|
@@ -294,26 +294,29 @@ page {
|
|
|
width: 100%;
|
|
|
height: 500rpx;
|
|
|
top: 0rpx;
|
|
|
- background-color: #ff4c4c;
|
|
|
+
|
|
|
.banner-img {
|
|
|
width: 100%;
|
|
|
height: 100%;
|
|
|
}
|
|
|
}
|
|
|
.login_text {
|
|
|
- margin: auto 30rpx;
|
|
|
+
|
|
|
position: relative;
|
|
|
- padding: 100rpx 102rpx;
|
|
|
+ padding: 100rpx 60rpx;
|
|
|
background-color: #ffffff;
|
|
|
- margin-top: -180rpx;
|
|
|
- border-radius: 20rpx;
|
|
|
+
|
|
|
+
|
|
|
.login_input {
|
|
|
- border-bottom: 1px solid #f0f0f0;
|
|
|
+ display: flex;
|
|
|
+ justify-content: center;
|
|
|
+ align-items: center;
|
|
|
+ border-bottom: 1rpx solid #f0f0f0;
|
|
|
margin-bottom: 65rpx;
|
|
|
.login_img image {
|
|
|
- height: 35rpx;
|
|
|
- width: 29rpx;
|
|
|
- margin-right: 20rpx;
|
|
|
+ height: 40rpx;
|
|
|
+ width: 30rpx;
|
|
|
+ margin-right: 30rpx;
|
|
|
}
|
|
|
.uni-input {
|
|
|
text-align: left;
|
|
@@ -353,16 +356,17 @@ page {
|
|
|
}
|
|
|
.forget {
|
|
|
font-size: 28rpx;
|
|
|
- width: 100%;
|
|
|
- text-align: right;
|
|
|
- color: #999999;
|
|
|
+ text-align: center;
|
|
|
+ font-family: PingFang SC;
|
|
|
+ font-weight: 500;
|
|
|
+ color: #6EAB4E;
|
|
|
}
|
|
|
|
|
|
.uni-button-green {
|
|
|
color: #ffffff;
|
|
|
- background-color: #ff4c4c;
|
|
|
+ background-color: #6EAB4E;
|
|
|
margin: 40rpx 10rpx;
|
|
|
- border-radius: 50rpx;
|
|
|
+ border-radius: 10rpx;
|
|
|
}
|
|
|
.uni-button-green-plain {
|
|
|
border: 1px solid #ff4c4c;
|
|
@@ -378,10 +382,11 @@ page {
|
|
|
}
|
|
|
.loginTitle {
|
|
|
position: absolute;
|
|
|
- top: 250rpx;
|
|
|
+
|
|
|
width: 100%;
|
|
|
text-align: center;
|
|
|
color: white;
|
|
|
- font-size: 40rpx;
|
|
|
+ font-weight: 400;
|
|
|
+ font-size: 36rpx;
|
|
|
}
|
|
|
</style>
|