From 546863eae7d337d47260d63a4b3733f7313ce52d Mon Sep 17 00:00:00 2001 From: qingyiay <2386314947@qq.com> Date: 星期一, 16 十月 2023 15:30:20 +0800 Subject: [PATCH] 登录页调整样式 增加重置密码 --- pages/login/login.vue | 69 ++++++++++++++++++++-------------- 1 files changed, 41 insertions(+), 28 deletions(-) diff --git a/pages/login/login.vue b/pages/login/login.vue index d697aee..276b76e 100644 --- a/pages/login/login.vue +++ b/pages/login/login.vue @@ -12,8 +12,11 @@ type="primary" text="寰俊涓�閿櫥褰�"></u-button> </view> - <view class="register" - @click="registerClick"><text>娉ㄥ唽</text></view> + <view class="utils-block"> + <view @click="forgetPassword"><text>蹇樿瀵嗙爜?</text></view> + <view @click="PrivacyAgreementHandle"><text>鏂扮敤鎴锋敞鍐�</text></view> + </view> + <view class="login-bottom-box"> <view class="copyright">鍐�涓兘婧愭棤浜哄�煎畧寰俊灏忕▼搴�</view> <view class="copyright">灏忕▼搴忎粎渚涘凡鎷ユ湁绯荤粺璐﹀彿鐗瑰畾鍐呴儴浜哄憳浣跨敤</view> @@ -68,7 +71,9 @@ // 缁戝畾寰俊妯℃�佹 bindWxModelShow: false, bindWxModelTitle: '鎻愮ず', - bindWxContent: '濡傛灉宸叉嫢鏈夌郴缁熻处鍙凤紝鍙互鐩存帴璺宠浆缁戝畾寰俊椤甸潰' + bindWxContent: '濡傛灉宸叉嫢鏈夌郴缁熻处鍙凤紝鍙互鐩存帴璺宠浆缁戝畾寰俊椤甸潰', + appid: "", + secret: "", }; }, components: { @@ -76,9 +81,16 @@ }, methods: { ...mapMutations(['setUserTabbar', 'changeisLogin']), + getAppidAndSercet() { + this.$reqGet('getAppidAndSercet').then(res => { + this.appid = res.data.appid; + this.secret = res.data.secret + }) + }, // 璁块棶wx.login,鑾峰彇code beforeLoginEvent() { this.loginPopupShow = true; + this.getAppidAndSercet(); }, wxLogin() { // 鑾峰彇鐧诲綍鐢ㄦ埛code @@ -103,8 +115,9 @@ title: '鍔犺浇涓�...' }); wx.request({ - url: `https://api.weixin.qq.com/sns/jscode2session?appid=wx4a62fc1684c429a9&secret=ee90afe376cdcec2fdd947c0a4db961a&js_code=${code}&grant_type=authorization_code`, + url: `https://api.weixin.qq.com/sns/jscode2session?appid=${this.appid}&secret=${this.secret}&js_code=${code}&grant_type=authorization_code`, success(res) { + console.log(res, 'openid'); uni.setStorageSync('openid', res.data.openid); // uni.showToast({ // title: '鎴愬姛鑾峰彇娴嬭瘯openid', @@ -125,6 +138,8 @@ this.$reqGet('getUserEntity').then(res => { this.setUserTabbar(res.data.type); uni.setStorageSync('roleType', res.data.type); + uni.setStorageSync("userId", res.data.userId) + uni.setStorageSync("carNo", res.data.carNo) setCustomerId(res.data.customerid); uni.hideLoading(); //璺宠浆椤甸潰 @@ -156,11 +171,16 @@ openPopup() { console.log('鎵撳紑浜�'); }, - registerClick() { + forgetPassword() { uni.navigateTo({ - url: '/pages/register/register' - }); - } + url: '/pages/login/forgetPassword/forgetPassword' + }) + }, + PrivacyAgreementHandle() { + uni.navigateTo({ + url: '/pages/login/PrivacyAgreementText/PrivacyAgreementText' + }) + }, } }; </script> @@ -168,27 +188,11 @@ <style lang="scss"> @import 'index.scss'; + .PrivacyAgreement { + color: rgb(60, 156, 255) + } + .login { - // height: 100vh; - // display: flex; - // align-items: center; - - // .loginBtn { - // margin: 0 auto; - // width: 80%; - - // .u-button { - // .u-icon { - // .u-icon__icon { - // font-size: vww(20) !important; - // } - // } - // } - - // .u-button--success { - // border-style: none; - // } - // } .loginBtn { margin-top: vww(20); @@ -197,6 +201,15 @@ } } + .utils-block { + width: 80%; + margin: vww(20) auto; + display: flex; + justify-content: space-between; + color: #497bff; + font-size: vww(17); + } + .logo { width: 80%; font-size: 64rpx; -- Gitblit v1.9.1