panxiaohe
/
ceres-uniapp-v2.0
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

1.登录授权页调整修改 2.登录注册页调整修改 3.登录页调整修改

master
dy-hu 1 year ago
parent
a36d48303f
commit
5950fd4921
4 changed files with 106 additions and 91 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 4
      App.vue
  2. 67
      pages_category_page2/userModule/accountLogin.vue
  3. 35
      pages_category_page2/userModule/login.vue
  4. 91
      pages_category_page2/userModule/register.vue

4
App.vue
View File

@ -790,6 +790,10 @@ uni-checkbox:not([disabled]) .uni-checkbox-input:hover {
color: #BCBDC6;
}
.font-color-f5be51 {
color: #f5be51;
}
.bor-line-D3D4DE {
border-bottom: #D3D4DE 1rpx solid;
}

67
pages_category_page2/userModule/accountLogin.vue
View File

@ -41,14 +41,15 @@
:placeholder="$t('common.enterverificationcode')"
/>
</view>
</view>
<view
<view
:class="disabled === true ? 'on' : ''"
:disabled="disabled"
class="getcode"
@click="codede"
>{{ text }}
>{{ text }}
</view>
</view>
</view>
<view class="mar-top-60">
<view
@ -263,7 +264,7 @@ export default {
.login-logoBox {
margin-top: -300rpx;
.login-logo {
width: 518rpx;
height: 100rpx;
@ -272,47 +273,40 @@ export default {
.iphoneNum-box {
margin-top: 100rpx;
border-bottom: 1rpx solid #DDDDDD;
height: 100rpx;
width: 600rpx;
display: flex;
align-items: center;
height: 98rpx;
width: 620rpx;
background: #f2f2f6;
border-radius: 50rpx;
.loginIcon {
width: 40rpx;
height: 53rpx;
width: 32rpx;
height: 42rpx;
margin-left: 47rpx;
}
.iphoneNum-input {
color: #999999;
color: #BCBDC6;
font-size: 28rpx;
font-weight: 400;
}
}
.passwordNum-box {
border-bottom: 1rpx solid #DDDDDD;
height: 100rpx;
width: 600rpx;
.passwordNum-input {
color: #999999;
font-size: 28rpx;
font-weight: 400;
width: 346rpx;
}
}
.code-box {
border-bottom: 1rpx solid #DDDDDD;
height: 100rpx;
width: 360rpx;
display: flex;
height: 98rpx;
width: 620rpx;
background: #f2f2f6;
border-radius: 50rpx;
flex-direction: row;
justify-content: space-between;
align-items: center;
.loginIcon {
width: 44rpx;
height: 50rpx;
width: 39rpx;
height: 44rpx;
margin-left: 47rpx;
}
.code-lab {
@ -320,14 +314,13 @@ export default {
}
.codeNum-input {
color: #999999;
color: #BCBDC6;
font-size: 28rpx;
font-weight: 400;
}
}
.getcode {
background-color: #C5AA7B;
height: 100rpx;
width: 230rpx;
display: flex;
@ -335,17 +328,19 @@ export default {
justify-content: center;
align-items: center;
margin-left: 20rpx;
color: #FFFFFF;
color: #252744;
}
.registerBut {
background: #333333;
color: #FFEBC4;
height: 100rpx;
width: 600rpx;
background: #252744;
border-radius: 50rpx;
color: #FFFFFF;
height: 98rpx;
width: 620rpx;
text-align: center;
line-height: 100rpx;
line-height: 98rpx;
margin-top: 30rpx;
font-size: 32rpx;
}
}
</style>

35
pages_category_page2/userModule/login.vue
View File

@ -5,8 +5,8 @@
<image class="login-logo" src="https://wechat.hnthee.com/ceres-local-file/image/logo_wechat.png"></image>
</view>
<view class="loginTitle-text flex-column-plus flex-items font-color-666 fs26">
<text>{{ $t('client.logindesc')}}</text>
<text>{{ $t('client.logindesc1')}}</text>
<text class="fs28 font-color-252744">{{ $t('client.logindesc')}}</text>
<text class="fs28 font-color-252744 mar-top-5">{{ $t('client.logindesc1')}}</text>
</view>
<view>
<!-- #ifdef MP-WEIXIN -->
@ -21,8 +21,8 @@
<!-- #endif -->
</view>
<view class="flex-row-plus mar-top-30" v-if="noMp">
<text class="font-color-C5AA7B">{{ $t('client.noaccount')}}</text>
<view class="font-color-47A7EE" @click="goRegister">{{ $t('client.gotoregister')}}</view>
<text class="fs28 font-color-252744">{{ $t('client.noaccount')}}，</text>
<view class="fs28 font-color-f5be51" @click="goRegister">{{ $t('client.gotoregister')}}</view>
</view>
<view class="language" @click="onLocaleChange">{{ applicationLocale == 'en' ? $t('navbar.english') : $t('navbar.chinese')}}</view>
</view>
@ -91,7 +91,7 @@
console.log(res.errMsg);
}
});
},
back() {
uni.switchTab({
@ -337,25 +337,28 @@
}
.loginWxBut {
background: #333333;
color: #FFEBC4;
height: 88rpx;
width: 600rpx;
background: #252744;
border-radius: 50rpx;
color: #FFFFFF;
height: 98rpx;
width: 620rpx;
text-align: center;
line-height: 88rpx;
line-height: 98rpx;
margin-top: 49rpx;
}
.loginBut {
background-color: #333333;
color: #FFEBC4;
height: 88rpx;
width: 600rpx;
background-color: #252744;
border-radius: 50rpx;
color: #FFFFFF;
height:98rpx;
width: 620rpx;
text-align: center;
line-height: 88rpx;
line-height: 98rpx;
margin-top: 30rpx;
font-size: 32rpx;
}
.language{
position: absolute;
bottom: 5vh;

91
pages_category_page2/userModule/register.vue
View File

@ -10,37 +10,43 @@
<view>
<image class="loginIcon" src="https://ceres.zkthink.com/static/images/phone.png"></image>
</view>
<view style="margin-left: 40rpx;">
<view style="margin-left: 20rpx;">
<input v-model="phone" class="iphoneNum-inputbox" placeholder-class="iphoneNum-input" type="number"
maxlength="11" :placeholder="$t('common.searchproduct_hint')" />
</view>
</view>
<view class="flex-row-plus mar-top-20">
<view class="flex-row-plus mar-top-30">
<view class="code-box">
<view>
<image class="loginIcon" src="https://ceres.zkthink.com/static/images/code.png"></image>
</view>
<view style="margin-left: 40rpx;">
<view style="margin-left: 20rpx;">
<input v-model="RegisterQuery.code" :maxlength="4" class="codeNum-inputbox" placeholder-class="codeNum-input"
:placeholder="$t('common.enterverificationcode')" />
</view>
<view :class="disabled === true ? 'on' : ''" :disabled="disabled" class="getcode" @click="codede">
{{text}}
</view>
</view>
<view :class="disabled === true ? 'on' : ''" :disabled="disabled" class="getcode" @click="codede">
{{text}}
</view>
</view>
</view>
<view class="registerBut" @click="onregister">{{$t('page.register')}}</view>
<view class="flex-row-plus mar-top-30">
<text class="font-color-C5AA7B">{{$t('client.alreadyhasaccount')}}</text>
<view class="font-color-47A7EE" @click="gologin">{{$t('client.tologin')}}</view>
<text class="fs28 font-color-252744">{{$t('client.alreadyhasaccount')}}</text>
<view class="fs28 font-color-f5be51" @click="gologin">{{$t('client.tologin')}}</view>
</view>
<view class="agreement">
<image v-if="!agreement" src="https://ceres.zkthink.com/static/root/none.png" mode="" @click="agreement=true"></image>
<image v-else src="https://ceres.zkthink.com/static/root/solid.png" mode="" @click="agreement=false"></image>
<text class="font-color-999">{{$t('client.registermeansagree')}}</text><br/>
<text class="font-color-C5AA7B" @click="protocol('app_user_agreement')">{{$t('client.appuserservice')}}</text>{{$t('common.and')}}
<text class="font-color-C5AA7B" @click="protocol('app_privacy_agreement')">{{$t('client.appsafeservice')}}</text>
<view style="display: flex;align-items: center">
<image v-if="!agreement" src="https://wechat.hnthee.com/ceres-local-file/image/icon_cart_select_normal.png" mode="" @click="agreement=true"></image>
<image v-else src="https://wechat.hnthee.com/ceres-local-file/image/icon_cart_select_active.png" mode="" @click="agreement=false"></image>
<text class="fs28 font-color-595B6B">{{$t('client.registermeansagree')}}</text><br/>
</view>
<view style="margin-top: 10rpx">
<text class="fs28 font-color-f5be51" @click="protocol('app_user_agreement')">{{$t('client.appuserservice')}}</text>{{$t('common.and')}}
<text class="fs28 font-color-f5be51" @click="protocol('app_privacy_agreement')">{{$t('client.appsafeservice')}}</text>
</view>
</view>
</view>
@ -219,22 +225,25 @@
.login-logoBox {
margin-top: -200rpx;
.login-logo {
width: 518rpx;
height: 100rpx;
}
}
.iphoneNum-box {
border-bottom: 1rpx solid #F3F4F5;
height: 100rpx;
width: 600rpx;
.iphoneNum-box {
display: flex;
align-items: center;
height: 98rpx;
width: 620rpx;
background: #f2f2f6;
border-radius: 50rpx;
.loginIcon {
width: 40rpx;
height: 53rpx;
width: 32rpx;
height: 42rpx;
margin-left: 47rpx;
}
input {
@ -242,7 +251,7 @@
}
.iphoneNum-input {
color: #999999;
color: #BCBDC6;
font-size: 28rpx;
font-weight: 400;
}
@ -253,17 +262,19 @@
}
.code-box {
border-bottom: 1rpx solid #F3F4F5;
height: 100rpx;
width: 350rpx;
display: flex;
display: flex;
height: 98rpx;
width: 620rpx;
background: #f2f2f6;
border-radius: 50rpx;
flex-direction: row;
justify-content: space-between;
align-items: center;
.loginIcon {
width: 44rpx;
height: 50rpx;
width: 39rpx;
height: 44rpx;
margin-left: 47rpx;
}
input {
@ -275,7 +286,7 @@
}
.codeNum-input {
color: #999999;
color: #BCBDC6;
font-size: 28rpx;
font-weight: 400;
width: 300rpx;
@ -287,7 +298,7 @@
}
.getcode {
background-color: #C5AA7B;
//background-color: #C5AA7B;
height: 100rpx;
width: 230rpx;
display: flex;
@ -295,7 +306,7 @@
justify-content: center;
align-items: center;
margin-left: 20rpx;
color: #FFFFFF;
color: #252744;
}
.getcodeActive {
@ -312,21 +323,23 @@
}
.registerBut {
background: #333333;
background: #252744;
color: #FFFFFF;
height: 88rpx;
width: 600rpx;
border-radius: 50rpx;
height: 98rpx;
width: 620rpx;
text-align: center;
line-height: 88rpx;
margin-top: 140rpx;
line-height: 98rpx;
margin-top: 90rpx;
font-size: 32rpx;
}
.agreement {
margin: 100rpx 50rpx;
margin: 120rpx 50rpx;
line-height: 50rpx;
image{
width: 34rpx;
height: 34rpx;
width: 40rpx;
height: 40rpx;
margin-right: 15upx;
}
}

Write Preview
Loading…
Cancel
Save