修改部分scss类名,新增部分注释以及登录颜色化配置:)

This commit is contained in:
lemon橪
2021-08-19 16:20:21 +08:00
parent 775bf3055d
commit 224eb05703
27 changed files with 96 additions and 111 deletions

View File

@@ -9,12 +9,13 @@
<div style="display:flex; with:100%;">
<u-input maxlength="6" v-model="codeForm.code" placeholder="请输入验证码" />
<u-verification-code keep-running unique-key="page-login" :seconds="seconds" @end="end" @start="start" ref="uCode" @change="codeChange"></u-verification-code>
<view @tap="getCode" class="text-tips">{{ tips }}</view>
<view @tap="getCode" :style="{color:aiderLightColor}" class="text-tips">{{ tips }}</view>
</div>
</u-form-item>
<view class="submit" @click="submit">登录</view>
<view class="text-tips cell" @click="clickLogin">一键登录</view>
<view class="submit bg-linear-gradient" @click="submit">登录</view>
<view :style="{color:aiderLightColor}" class="text-tips cell" @click="clickLogin">一键登录</view>
<myVerification v-if="codeFlag" @send="verification" class="verification" ref="verification" business="LOGIN" />
</u-form>
</div>
@@ -34,6 +35,7 @@ export default {
props: ["status"], //是否勾选 《用户隐私》和《隐私政策》
data() {
return {
aiderLightColor: this.$aiderLightColor,
uuid,
flage: false, //是否验证码验证
codeFlag: true, //验证开关,用于是否展示验证码

View File

@@ -6,7 +6,6 @@
margin: 40rpx 0;
}
.login-ball {
background-image: linear-gradient(25deg, #fa123b, #ff6b35, #ff9f28, #ffcc03);
border-bottom-left-radius: 300rpx;
height: 400rpx;
position: relative;
@@ -43,8 +42,6 @@ span {
.submit {
height: 80rpx;
line-height: 80rpx;
background-image: linear-gradient(90deg, #ff6b35, #ff9f28, #ffcc03);
color: #fff;
text-align: center;
font-size: 30rpx;
@@ -61,7 +58,6 @@ span {
}
.text-tips {
text-align: center;
color: #ff9f28;
}
.tips {
position: absolute;

View File

@@ -1,7 +1,7 @@
<template>
<view v-if="mpWechatLogin">
<!-- 背景 -->
<view class="login-ball small"></view>
<view class="login-ball bg-linear-gradient small"></view>
<view class="logo-cell">
<image class="logo" src="/static/logo.png" mode="aspectFit"></image>
@@ -17,7 +17,7 @@
<!-- 隐私政策 -->
<div class="privacy">
<u-checkbox-group :icon-size="24" width="45rpx">
<u-checkbox v-model="value" active-color="rgb(255, 107, 53)"></u-checkbox>
<u-checkbox v-model="value" :active-color="lightColor"></u-checkbox>
</u-checkbox-group>
同意<span @click="handleClick('user')">用户协议</span><span @click="handleClick('privacy')">隐私政策</span>
@@ -32,6 +32,7 @@ import storage from "@/utils/storage.js";
import { loginCallback } from "@/api/connect.js";
import { webConnect } from "@/api/connect.js";
export default {
onShow() {
// #ifdef MP-WEIXIN
this.mpWechatLogin = false;
@@ -64,6 +65,7 @@ export default {
},
data() {
return {
lightColor:this.$lightColor,
mpWechatLogin: true, //是否加载微信登录
value: true, //隐私政策
loginData: {

View File

@@ -1,5 +1,4 @@
.verification {
}
/deep/ .u-form-item {
margin: 40rpx 0 !important;
padding: 40rpx 0 !important;

View File

@@ -7,7 +7,7 @@
<u-icon :color="item.color" size="80" :name="item.icon" @click="navigateLogin(item)"></u-icon>
</div>
</div>
<view class="text-tips cell" @click="clickCodeLogin">账号密码登录</view>
<view :style="{color:aiderLightColor}" class="text-tips cell" @click="clickCodeLogin">账号密码登录</view>
</u-form>
</div>
</template>
@@ -22,6 +22,7 @@ import api from "@/config/api.js";
export default {
data() {
return {
aiderLightColor: this.$aiderLightColor,
loginList: [
{
icon: "weixin-circle-fill",

View File

@@ -223,15 +223,11 @@ text.shop {
}
.register {
color: #00a327 !important;
color: $weChat-color !important;
border: none !important;
background: #fff !important;
}
.btn {
width: 100%;
text-align: center;
}
.btn-auth {
width: 92%;