|
@@ -8,27 +8,27 @@
|
|
|
</view>
|
|
|
<view>
|
|
|
<view class='flex'>
|
|
|
- <view @click='login' v-if='!edit' style="font-weight: bold;font-size: 32rpx;">{{userInfo.nickname?userInfo.nickname:'请点击登录'}}</view>
|
|
|
- <view v-else> <u--input
|
|
|
- placeholder="请输入内容"
|
|
|
- border="bottom"
|
|
|
- v-model='userInfo.nickname'
|
|
|
- clearable
|
|
|
- ></u--input></view>
|
|
|
- <u-icon v-if='!edit&&userInfo.phone' @click='edit = true' name="edit-pen-fill" color="#eaad1a" size="24"></u-icon>
|
|
|
- <u-icon v-if='edit&&userInfo.phone' @click='editNickName' name="checkbox-mark" color="#eaad1a" size="24"></u-icon>
|
|
|
+ <view @click='login' v-if='!edit' style="font-weight: bold;font-size: 32rpx;">
|
|
|
+ {{userInfo.nickname?userInfo.nickname:'请点击登录'}}
|
|
|
+ </view>
|
|
|
+ <view v-else> <u--input placeholder="请输入内容" border="bottom" v-model='userInfo.nickname'
|
|
|
+ clearable></u--input></view>
|
|
|
+ <u-icon v-if='!edit&&userInfo.phone' @click='edit = true' name="edit-pen-fill"
|
|
|
+ color="#eaad1a" size="24"></u-icon>
|
|
|
+ <u-icon v-if='edit&&userInfo.phone' @click='editNickName' name="checkbox-mark"
|
|
|
+ color="#eaad1a" size="24"></u-icon>
|
|
|
</view>
|
|
|
<view>{{userInfo.phone1}}</view>
|
|
|
</view>
|
|
|
- </view>
|
|
|
+ </view>
|
|
|
<view>
|
|
|
<u-icon name="bell" color="#eaad1a" size="28"></u-icon>
|
|
|
</view>
|
|
|
</view>
|
|
|
-
|
|
|
+
|
|
|
</view>
|
|
|
<view class="wrap">
|
|
|
- <!-- <view class='orderList'>
|
|
|
+ <!-- <view class='orderList'>
|
|
|
<view class="orderItem align-item-center">
|
|
|
<view style='position:relative;'>
|
|
|
<u-icon name="home-fill" color="#2979ff" size="28"></u-icon>
|
|
@@ -66,11 +66,7 @@
|
|
|
isLink
|
|
|
url="/pages/componentsB/tag/tag"
|
|
|
></u-cell> -->
|
|
|
- <u-cell
|
|
|
- title="我的发布"
|
|
|
- isLink
|
|
|
- url="/pageA/my/mypublish"
|
|
|
- ></u-cell>
|
|
|
+ <u-cell title="我的发布" isLink url="/pageA/my/mypublish"></u-cell>
|
|
|
<!-- <u-cell
|
|
|
title="房源发布"
|
|
|
isLink
|
|
@@ -91,17 +87,11 @@
|
|
|
isLink
|
|
|
url="/pages/componentsB/badge/badge"
|
|
|
></u-cell> -->
|
|
|
- <u-cell
|
|
|
- title="联系客服"
|
|
|
- isLink
|
|
|
- url="/pages/componentsB/badge/badge"
|
|
|
- ></u-cell>
|
|
|
- <u-cell
|
|
|
- :border='false'
|
|
|
- title="去商家端"
|
|
|
- isLink
|
|
|
- url="/pageA/enter/enter"
|
|
|
- ></u-cell>
|
|
|
+ <view class="kf">
|
|
|
+ <button class="left-btn" open-type='contact'>联系客服</button>
|
|
|
+ </view>
|
|
|
+
|
|
|
+ <u-cell :border='false' title="去商家端" isLink url="/pageA/enter/enter"></u-cell>
|
|
|
</u-cell-group>
|
|
|
</view>
|
|
|
</view>
|
|
@@ -110,54 +100,54 @@
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
- import loginPopUp from "@/components/loginPopUp/index.vue"
|
|
|
+ import loginPopUp from "@/components/loginPopUp/index.vue"
|
|
|
export default {
|
|
|
components: {
|
|
|
loginPopUp
|
|
|
},
|
|
|
data() {
|
|
|
return {
|
|
|
- edit:false,
|
|
|
- offset:['-2','-27%'],
|
|
|
- type:"warning",
|
|
|
- value:'88',
|
|
|
+ edit: false,
|
|
|
+ offset: ['-2', '-27%'],
|
|
|
+ type: "warning",
|
|
|
+ value: '88',
|
|
|
title: 'Hello',
|
|
|
- userInfo:{},
|
|
|
+ userInfo: {},
|
|
|
}
|
|
|
},
|
|
|
onLoad() {
|
|
|
|
|
|
},
|
|
|
- onShow(){
|
|
|
- if(!uni.getStorageSync("userInfo").phone){
|
|
|
+ onShow() {
|
|
|
+ if (!uni.getStorageSync("userInfo").phone) {
|
|
|
this.$refs.loginpopup.open()
|
|
|
- }else{
|
|
|
+ } else {
|
|
|
this.userInfo = uni.getStorageSync("userInfo")
|
|
|
- var reg = /1(\d{2})\d{4}(\d{4})/g;
|
|
|
- this.userInfo.phone1 = this.userInfo.phone.replace(reg,"1$1****$2");
|
|
|
+ var reg = /1(\d{2})\d{4}(\d{4})/g;
|
|
|
+ this.userInfo.phone1 = this.userInfo.phone.replace(reg, "1$1****$2");
|
|
|
console.log(this.userInfo)
|
|
|
}
|
|
|
},
|
|
|
methods: {
|
|
|
- editNickName(){
|
|
|
+ editNickName() {
|
|
|
this.$request.baseRequest('admin.unimall.commonUserInfo', 'update', {
|
|
|
- commonUserInfo:JSON.stringify(this.userInfo)
|
|
|
+ commonUserInfo: JSON.stringify(this.userInfo)
|
|
|
}, failres => {
|
|
|
uni.showToast({
|
|
|
icon: "none",
|
|
|
title: failres.errmsg,
|
|
|
duration: 3000
|
|
|
- });
|
|
|
+ });
|
|
|
}).then(res => {
|
|
|
- uni.setStorageSync("userInfo",this.userInfo)
|
|
|
- this.edit=false
|
|
|
+ uni.setStorageSync("userInfo", this.userInfo)
|
|
|
+ this.edit = false
|
|
|
})
|
|
|
},
|
|
|
- login(){
|
|
|
- if(!uni.getStorageSync("userInfo").phone){
|
|
|
+ login() {
|
|
|
+ if (!uni.getStorageSync("userInfo").phone) {
|
|
|
this.$refs.loginpopup.open()
|
|
|
- }else{
|
|
|
-
|
|
|
+ } else {
|
|
|
+
|
|
|
}
|
|
|
}
|
|
|
}
|
|
@@ -190,35 +180,66 @@
|
|
|
font-size: 36rpx;
|
|
|
color: #8f8f94;
|
|
|
}
|
|
|
- .wrap{
|
|
|
- width:92vw;
|
|
|
+
|
|
|
+ .wrap {
|
|
|
+ width: 92vw;
|
|
|
}
|
|
|
- .orderList{
|
|
|
- display:flex;
|
|
|
+
|
|
|
+ .orderList {
|
|
|
+ display: flex;
|
|
|
flex-wrap: wrap;
|
|
|
- .orderItem{
|
|
|
- width:48%;
|
|
|
- padding:20rpx;
|
|
|
- background:#E5EBFF;
|
|
|
- box-sizing:border-box;
|
|
|
- margin:5rpx;
|
|
|
- border-radius:10rpx;
|
|
|
- display:flex;
|
|
|
+
|
|
|
+ .orderItem {
|
|
|
+ width: 48%;
|
|
|
+ padding: 20rpx;
|
|
|
+ background: #E5EBFF;
|
|
|
+ box-sizing: border-box;
|
|
|
+ margin: 5rpx;
|
|
|
+ border-radius: 10rpx;
|
|
|
+ display: flex;
|
|
|
}
|
|
|
- /deep/.u-badge{
|
|
|
- z-index:50;
|
|
|
+
|
|
|
+ /deep/.u-badge {
|
|
|
+ z-index: 50;
|
|
|
}
|
|
|
- .orderName{
|
|
|
- margin-left:20rpx;
|
|
|
+
|
|
|
+ .orderName {
|
|
|
+ margin-left: 20rpx;
|
|
|
}
|
|
|
}
|
|
|
- .user{
|
|
|
- background:#fff;
|
|
|
- width:100%;
|
|
|
- padding:10rpx 20rpx;
|
|
|
+
|
|
|
+ .user {
|
|
|
+ background: #fff;
|
|
|
+ width: 100%;
|
|
|
+ padding: 10rpx 20rpx;
|
|
|
}
|
|
|
- .userWrap{
|
|
|
- width:92vw;
|
|
|
- margin:0 auto;
|
|
|
+
|
|
|
+ .userWrap {
|
|
|
+ width: 92vw;
|
|
|
+ margin: 0 auto;
|
|
|
+ }
|
|
|
+
|
|
|
+ .kf {
|
|
|
+ border-bottom-width: 1px;
|
|
|
+ border-bottom-style: solid;
|
|
|
+ width: 100%;
|
|
|
+ border-color: #d6d7d9;
|
|
|
+ padding: 20rpx;
|
|
|
+ box-sizing: border-box;
|
|
|
+ }
|
|
|
+
|
|
|
+ .left-btn {
|
|
|
+ padding: 0;
|
|
|
+ margin: 0;
|
|
|
+ font-size: 30rpx;
|
|
|
+ height: 42rpx;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ background-color: #fff;
|
|
|
+ margin-left: 10rpx;
|
|
|
+ }
|
|
|
+
|
|
|
+ .left-btn:after {
|
|
|
+ border: none !important;
|
|
|
}
|
|
|
-</style>
|
|
|
+</style>
|