|
|
@@ -1,16 +1,17 @@
|
|
|
<template>
|
|
|
<view>
|
|
|
+ <u-navbar title-color="#fff" :custom-back="customBack" :border-bottom="false" back-icon-color="#CCE8FF" :background="{background: '#008CFF' }" title="我的"></u-navbar>
|
|
|
<view class="u-flex user-box u-p-l-30 u-p-r-20 u-p-b-30">
|
|
|
- <view class="u-m-r-10" @click="login($store.state.vuex_hasLogin)">
|
|
|
+ <view class="u-m-r-24" @click="login($store.state.vuex_hasLogin)">
|
|
|
<u-avatar :src="userInfo.headImgUrl || userInfo.avatar||pic" size="140"></u-avatar>
|
|
|
</view>
|
|
|
<view class="u-flex-1" @click="login($store.state.vuex_hasLogin)">
|
|
|
<view class="u-font-18 u-p-b-20">{{ userInfo.nickname || userInfo.userName || '请登录' }}</view>
|
|
|
- <view class="u-font-14 u-tips-color">手机号:{{ userInfo.mobile || '暂无' }}</view>
|
|
|
- </view>
|
|
|
- <view class="u-m-l-10 u-p-10">
|
|
|
- <u-icon name="arrow-right" color="#969799" size="28"></u-icon>
|
|
|
+ <view class="u-font-14">手机号:{{ userInfo.mobile || '暂无' }}</view>
|
|
|
</view>
|
|
|
+ <!-- <view class="u-m-l-10 u-p-10">
|
|
|
+ <u-icon name="arrow-right" color="#fff" size="28"></u-icon>
|
|
|
+ </view> -->
|
|
|
</view>
|
|
|
|
|
|
<view class="u-m-t-20">
|
|
|
@@ -71,71 +72,12 @@
|
|
|
window.location.replace(this.config.loginUrl)
|
|
|
}
|
|
|
},
|
|
|
- // getCode () {
|
|
|
- // var local = window.location.href // 获取页面url
|
|
|
- // let locationLocaturl = window.location.search;
|
|
|
- // this.code = getUrlParams(locationLocaturl,"code"); // 截取code
|
|
|
- // if (this.code == null || this.code === '') { // 如果没有code，则去请求
|
|
|
- // window.location.href = `https://open.weixin.qq.com/connect/oauth2/authorize?appid=${this.config.wxAppid}&redirect_uri=${encodeURIComponent(local)}&response_type=code&scope=snsapi_userinfo&#wechat_redirect`
|
|
|
- // } else {
|
|
|
- // this.handleGetWXInfo(this.code) //把code传给后台获取用户信息
|
|
|
- // }
|
|
|
- // },
|
|
|
- // handleGetWXInfo (code) { // 通过code获取 openId等用户信息，/api/user/wechat/login 为后台接口
|
|
|
- // let _this = this
|
|
|
- // this.$u.api.getWXInfo(code).then((res) => {
|
|
|
- // if (res.code === 200 ) {
|
|
|
- // this.$u.vuex('vuex_wxinfo',res.data);
|
|
|
- // // 继续支付
|
|
|
- // }
|
|
|
- // }).catch((err) => {
|
|
|
- // this.$refs.uToast.show({
|
|
|
- // title: err.msg,
|
|
|
- // type: 'error',
|
|
|
- // });
|
|
|
- // })
|
|
|
- // },
|
|
|
- // handlewxpay(){
|
|
|
- // if(!this.$store.state.vuex_wxinfo.openId){ // 如果微信openId，则需用code去后台获取
|
|
|
- // this.$refs.uToast.show({
|
|
|
- // title: '请登录后重试!',
|
|
|
- // type: 'info',
|
|
|
- // // url: '/pages/user/index'
|
|
|
- // });
|
|
|
- // this.getCode();
|
|
|
- // } else {
|
|
|
- // // 别的业务逻辑
|
|
|
- // this.getWXPay();
|
|
|
- // }
|
|
|
- // },
|
|
|
- // async getWXPay(id){
|
|
|
- // let params = {
|
|
|
- // orderId:id||new Date().getTime(),
|
|
|
- // openid:this.$store.state.vuex_wxinfo.openId,
|
|
|
- // tradeType:"test"
|
|
|
- // };
|
|
|
- // await this.$wxApi.config();
|
|
|
- // this.$pay.wxPay(params).then(res =>{
|
|
|
- // console.log('wxPay',res.code);
|
|
|
- // if(res.code == 0){
|
|
|
- // // 成功
|
|
|
- // // uni.reLaunch({
|
|
|
- // // url: '/pages/buySuccess/buySuccess?orderId=' + params.orderId
|
|
|
- // // })
|
|
|
- // }else if(res.code == 1){
|
|
|
- // // 取消
|
|
|
- // // uni.redirectTo({
|
|
|
- // // url: '/pages/userCenter/myOrder/myOrder'
|
|
|
- // // })
|
|
|
- // }else if(res.code == 2){
|
|
|
- // this.$refs.uToast.show({
|
|
|
- // title: '支付失败，请检查!',
|
|
|
- // type: 'error',
|
|
|
- // // url: '/pages/user/index'
|
|
|
- // });
|
|
|
- // }
|
|
|
- // });
|
|
|
- // },
|
|
|
+ customBack(){
|
|
|
+ this.$u.route({
|
|
|
+ type:'switchTab',
|
|
|
+ url: 'pages/index/index'
|
|
|
+ });
|
|
|
+ },
|
|
|
|
|
|
}
|
|
|
}
|
|
|
@@ -143,5 +85,6 @@
|
|
|
|
|
|
<style lang="scss" scoped>
|
|
|
page{background-color: $my-page-bg-color;}
|
|
|
-.user-box{background-color: #fff;}
|
|
|
+.user-box{background-color: $my-main-color;color: #fff;}
|
|
|
+.u-avatar{border: 10rpx solid #4CAEFF;}
|
|
|
</style>
|
