odjbin/pupil
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

dengjie commit : 会员中心及其联系客服页面初步完成

Browse Source
This commit is contained in:
clay
2022-12-17 23:10:41 +08:00
parent 76b6d9e557
commit 6d4a43b417
14 changed files with 310 additions and 98 deletions
Download Patch File Download Diff File Expand all files Collapse all files

139
pages/my/my.vue
View File

@@ -4,31 +4,28 @@
<u-navbar :autoBack="false" title="我的"></u-navbar>
<u--image src="/static/my/wo_icon_bj1.png" width="750rpx" height="349rpx" :lazy-load="true">
</u--image>
<view class="my_avatar">
<view style="border: 1px solid #EEEEEE;border-radius: 50rpx;">
<u--image :src="avatar" width="100rpx" height="100rpx" :lazy-load="true" shape="circle">
</u--image>
</view>
<view style="margin-top: 10rpx;margin-bottom: 4rpx;">
<u--image v-if="show==false" :src="normal" width="84rpx" height="30rpx" :lazy-load="true">
</u--image>
<u--image v-else :src="VIP" width="84rpx" height="30rpx" :lazy-load="true">
</u--image>
</view>
<text>顾发航</text>
</view>
<myAvatar></myAvatar>
<view class="table">
<u-cell-group>
<u-cell size="large" title="绑定公司" icon="/static/my/wo_icon_bd.png" :isLink="true" value="未绑定公司"
@click="bindCompany()">
</u-cell>
<u-cell size="large" title="会员中心" icon="/static/my/wo_icon_hyzx.png" :isLink="true"></u-cell>
<u-cell size="large" title="会员中心" icon="/static/my/wo_icon_hyzx.png" :isLink="true"
@click="toMemberCenter()"></u-cell>
<u-cell size="large" title="浏览记录" icon="/static/my/wo_icon_lljl.png" :isLink="true"
@click="toBrowseHistory()"></u-cell>
<u-cell size="large" title="我的收藏" icon="/static/my/wo_icon_sc.png" :isLink="true"
@click="toMyCollect()"></u-cell>
<u-cell size="large" title="联系客服" icon="/static/my/wo_icon_lxkf.png" :isLink="true"></u-cell>
<u-cell size="large" title="联系客服" icon="/static/my/wo_icon_lxkf.png" :isLink="true"
@click="showModal()">
</u-cell>
</u-cell-group>
<u-modal :show="showM" showCancelButton closeOnClickOverlay confirmText="是" cancelText="否"
@confirm="confirm" @cancel="cancel" @close="close">
<rich-text :nodes="content"></rich-text>
</u-modal>
</view>
</view>
@@ -38,70 +35,65 @@
data() {
return {
show: false,
avatar: '/static/my/avatar.png',
normal: '/static/my/wo_icon_pthy.png',
VIP: '/static/my/wo_icon_vip.png',
showM: false,
content: `138 1222 222<br>
是否拨打客服电话`,
}
},
methods: {
//跳转到绑定公司页面
bindCompany() {
uni.navigateTo({
url: '/pages/bindCompony/bindCompony'
url: '/pages/my/bindCompony/bindCompony'
})
},
//跳转到会员中心页面
toMemberCenter() {
uni.navigateTo({
url: '/pages/my/memberCenter/memberCenter'
})
},
//跳转到浏览记录页面
toBrowseHistory() {
uni.navigateTo({
url: '/pages/browseHistory/browseHistory?id=' + 1
url: '/pages/my/browseHistory/browseHistory?id=' + 1
})
},
//跳转到我的收藏页面
toMyCollect() {
uni.navigateTo({
url: '/pages/browseHistory/browseHistory?id=' + 2
url: '/pages/my/browseHistory/browseHistory?id=' + 2
})
}
},
// 联系客服模态框
showModal() {
this.showM = true
},
confirm() {
this.showM = false
let phone = '‭1381222222‬'
uni.makePhoneCall({
phoneNumber: phone,
success: function() {
console.log('拨打电话成功');
},
fail() {
console.log('打电话失败了');
}
})
},
cancel() {
this.showM = false
},
close() {
this.showM = false
},
}
}
</script>
<style lang="scss">
.u-status-bar {
background-color: transparent !important;
}
.u-navbar__content {
background-color: transparent !important;
}
.u-navbar__content__title {
color: #fff !important;
}
.uicon-arrow-left {
display: none !important;
}
.my_avatar {
position: absolute;
right: 325rpx;
top: 148rpx;
display: flex;
flex-direction: column;
align-items: center;
text {
font-size: 26rpx;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
color: #FFFFFF;
line-height: 37rpx;
}
}
.table {
background-color: #fff;
margin-top: 50rpx;
@@ -135,4 +127,37 @@
font-size: 24rpx !important;
color: #CCCCCC !important;
}
.u-modal {
width: 472rpx !important;
}
.u-modal__button-group__wrapper--cancel {
background: #D8D8D8;
.u-modal__button-group__wrapper__text {
color: #fff !important;
}
}
.u-modal__content {
padding: 43rpx 104rpx !important;
text-indent: 25rpx;
}
.u-modal__content__text {
font-size: 32rpx !important;
font-weight: 400;
color: #252421 !important;
}
.u-modal__button-group__wrapper--confirm {
background: #0EBB5B;
.u-modal__button-group__wrapper__text {
color: #fff !important;
}
}
</style>