mirror of
https://gitee.com/beijing_hongye_huicheng/lilishop-uniapp.git
synced 2025-12-17 07:55:53 +08:00
修改部分scss类名,新增部分注释以及登录颜色化配置:)
This commit is contained in:
@@ -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, //验证开关,用于是否展示验证码
|
||||
|
||||
@@ -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;
|
||||
|
||||
@@ -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: {
|
||||
|
||||
@@ -1,5 +1,4 @@
|
||||
.verification {
|
||||
}
|
||||
|
||||
/deep/ .u-form-item {
|
||||
margin: 40rpx 0 !important;
|
||||
padding: 40rpx 0 !important;
|
||||
|
||||
@@ -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",
|
||||
|
||||
@@ -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%;
|
||||
|
||||
Reference in New Issue
Block a user