zhuce
/
lilishop-uniapp
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

优化微信公众号中h5登录

master
lemon橪 2021-09-09 17:53:57 +08:00
parent ba3034e5cb
commit 58f33b05dd
2 changed files with 20 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
pages/passport/codeLogin.vue
View File

@ -6,9 +6,10 @@
</u-form-item> </u-form-item>
<u-form-item class="cell code" label-width="120" prop="code" label="验证码"> <u-form-item class="cell code" label-width="120" prop="code" label="验证码">
<div style="display:flex; with:100%;"> <div style="display:flex; width:100%;">
<u-input maxlength="6" v-model="codeForm.code" placeholder="请输入验证码" /> <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> <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" :style="{color:aiderLightColor}" class="text-tips">{{ tips }}</view> <view @tap="getCode" :style="{color:aiderLightColor}" class="text-tips">{{ tips }}</view>
</div> </div>
@ -28,6 +29,7 @@ import storage from "@/utils/storage.js"; //缓存
import { whetherNavigate } from "@/utils/Foundation"; //登录跳转 import { whetherNavigate } from "@/utils/Foundation"; //登录跳转
import myVerification from "@/components/verification/verification.vue"; //验证码模块 import myVerification from "@/components/verification/verification.vue"; //验证码模块
import uuid from "@/utils/uuid.modified.js"; // uuid import uuid from "@/utils/uuid.modified.js"; // uuid
import api from "@/config/api.js";
export default { export default {
components: { components: {
myVerification, myVerification,
@ -73,7 +75,6 @@ export default {
}, },
// 必须要在onReady生命周期setRules，因为onLoad生命周期组件可能尚未创建完毕 // 必须要在onReady生命周期setRules，因为onLoad生命周期组件可能尚未创建完毕
mounted() { mounted() {
// whetherNavigate();
this.$refs.validateCodeForm.setRules(this.codeRules); this.$refs.validateCodeForm.setRules(this.codeRules);
/** /**
* 条件编译判断当前客户端类型 * 条件编译判断当前客户端类型
@ -82,6 +83,7 @@ export default {
this.clientType = "H5"; this.clientType = "H5";
//#endif //#endif
//#ifdef APP-PLUS //#ifdef APP-PLUS
this.clientType = "APP"; this.clientType = "APP";
//#endif //#endif
}, },
@ -190,7 +192,21 @@ export default {
}, },
// 跳转到一键登录 // 跳转到一键登录
clickLogin() { clickLogin() {
// #ifndef APP-PLUS
//判断是否微信浏览器
var ua = window.navigator.userAgent.toLowerCase();
if (ua.match(/MicroMessenger/i) == "micromessenger") {
let code = "WECHAT";
let buyer = api.buyer;
window.open(buyer + `/connect/login/web/` + code, "_self");
}
else{
this.$emit("open", "click");
}
// #endif
// #ifdef APP-PLUS
this.$emit("open", "click"); this.$emit("open", "click");
// #endif
}, },
/**点击验证码*/ /**点击验证码*/

2
pages/passport/onClickLogin.vue
View File

@ -5,7 +5,7 @@
<!-- 循环出当前可使用的第三方登录模式 --> <!-- 循环出当前可使用的第三方登录模式 -->
<div :style="{background:item.color}" class="login-item" v-for="(item,index) in loginList" :key="index"> <div :style="{background:item.color}" class="login-item" v-for="(item,index) in loginList" :key="index">
<u-icon v-if="item.title!='APPLE'" color="#fff" size="42" :name="item.icon" @click="navigateLogin(item)"></u-icon> <u-icon v-if="item.title!='APPLE'" color="#fff" size="42" :name="item.icon" @click="navigateLogin(item)"></u-icon>
<u-image v-else src="/static/appleidButton@2x.png" :lazy-load="false" width="80" height="80" /> <u-image v-else src="/static/appleidButton@2x.png" :lazy-load="false" @click="navigateLogin(item)" width="80" height="80" />
</div> </div>
</div> </div>