feat: 个人中心页面修改And新增完善信息页
This commit is contained in:
parent
d13cb45f6a
commit
6feb80c560
@ -1,8 +1,13 @@
|
|||||||
.header {
|
.header {
|
||||||
margin-left: 20rpx;
|
margin: 40rpx 0 45rpx;
|
||||||
color: #222222;
|
display: flex;
|
||||||
font-size: 28rpx;
|
flex-direction: column;
|
||||||
font-weight: bold;
|
align-items: center;
|
||||||
|
}
|
||||||
|
.avatar_pic {
|
||||||
|
width: 130rpx;
|
||||||
|
height: 130rpx;
|
||||||
|
border-radius: 50%;
|
||||||
}
|
}
|
||||||
.item{
|
.item{
|
||||||
display:flex;
|
display:flex;
|
||||||
@ -71,3 +76,14 @@
|
|||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
line-height: 80rpx;
|
line-height: 80rpx;
|
||||||
}
|
}
|
||||||
|
.u-upload__wrap__preview {
|
||||||
|
width: 130rpx;
|
||||||
|
height: 130rpx;
|
||||||
|
border-radius: 50% !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.u-upload__wrap__preview__image {
|
||||||
|
width: 100% !important;
|
||||||
|
height: 100% !important;
|
||||||
|
object-fit: cover;
|
||||||
|
}
|
||||||
@ -1,5 +1,16 @@
|
|||||||
<template>
|
<template>
|
||||||
<view class="container">
|
<view class="container">
|
||||||
|
<view class="header">
|
||||||
|
<u-upload @afterRead="afterReadImg" :deletable="false" :maxCount="1">
|
||||||
|
<!-- <u-upload :fileList="avatarInfo" @afterRead="afterReadImg" :deletable="false" :maxCount="1"> -->
|
||||||
|
<!-- <view class="imgCon">
|
||||||
|
<image class="avatar_pic" src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/User/_assets/Group_422.png" mode="widthFix"></image>
|
||||||
|
</view> -->
|
||||||
|
<image class="avatar_pic" :src="avatarInfo.url" alt="" />
|
||||||
|
</u-upload>
|
||||||
|
<view>点击更换头像</view>
|
||||||
|
</view>
|
||||||
|
|
||||||
<view class="item" data-url="/packages/user/uploadAvatar/index" data-title="上传头像" @click="handleSelectClick">
|
<view class="item" data-url="/packages/user/uploadAvatar/index" data-title="上传头像" @click="handleSelectClick">
|
||||||
<view class="item-left">
|
<view class="item-left">
|
||||||
<image class="item-icon" src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/User/_assets/Group_422.png" />
|
<image class="item-icon" src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/User/_assets/Group_422.png" />
|
||||||
@ -51,11 +62,12 @@
|
|||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import { NavgateTo, request } from '../../../utils/index';
|
import { NavgateTo, request, picUrl, upload } from '../../../utils/index';
|
||||||
import { apiArr } from '../../../api/login';
|
import { apiArr } from '../../../api/login';
|
||||||
export default {
|
export default {
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
|
avatarInfo: {},
|
||||||
userInfoList: [{
|
userInfoList: [{
|
||||||
pic: 'https://wechat-img-file.oss-cn-beijing.aliyuncs.com/User/_assets/Group_422.png',
|
pic: 'https://wechat-img-file.oss-cn-beijing.aliyuncs.com/User/_assets/Group_422.png',
|
||||||
desc: '上传头像',
|
desc: '上传头像',
|
||||||
@ -89,11 +101,38 @@
|
|||||||
}
|
}
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
|
// 上传图片
|
||||||
|
async afterReadImg(e){
|
||||||
|
console.log('eeee', e);
|
||||||
|
const { file} = e;
|
||||||
|
upload(file.url, res => {
|
||||||
|
console.log('1111', res);
|
||||||
|
this.avatarInfo = {
|
||||||
|
url: picUrl + res.data.path,
|
||||||
|
picUrl: res.data.path,
|
||||||
|
}
|
||||||
|
})
|
||||||
|
uni.showToast({
|
||||||
|
title: '上传成功',
|
||||||
|
icon: 'success'
|
||||||
|
});
|
||||||
|
},
|
||||||
async init() {
|
async init() {
|
||||||
const res = await request(apiArr.loginInfo, 'POST', {});
|
const res = await request(apiArr.loginInfo, 'POST', {});
|
||||||
|
console.log('111211', res);
|
||||||
|
this.avatarInfo = {
|
||||||
|
url: res.img ? picUrl + res.img : 'https://wechat-img-file.oss-cn-beijing.aliyuncs.com/person/Group_309.png',
|
||||||
|
picUrl: res.img
|
||||||
|
}
|
||||||
this.userInfo = res;
|
this.userInfo = res;
|
||||||
},
|
},
|
||||||
|
|
||||||
|
// uni.openSetting({
|
||||||
|
// success(res) {
|
||||||
|
// console.log(res.authSetting)
|
||||||
|
// }
|
||||||
|
// });
|
||||||
|
|
||||||
// 跳转指定页面url
|
// 跳转指定页面url
|
||||||
handleSelectClick(event) {
|
handleSelectClick(event) {
|
||||||
const { url, title, type } = event.currentTarget.dataset
|
const { url, title, type } = event.currentTarget.dataset
|
||||||
|
|||||||
90
packages/user/replenishInfo/index.css
Normal file
90
packages/user/replenishInfo/index.css
Normal file
@ -0,0 +1,90 @@
|
|||||||
|
.container {
|
||||||
|
padding-top: 87rpx;
|
||||||
|
}
|
||||||
|
.title {
|
||||||
|
font-weight: 600;
|
||||||
|
font-size: 50rpx;
|
||||||
|
color: #222222;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
.subTitle {
|
||||||
|
font-weight: 500;
|
||||||
|
font-size: 32rpx;
|
||||||
|
color: #222222;
|
||||||
|
text-align: center;
|
||||||
|
margin-bottom: 123rpx;
|
||||||
|
}
|
||||||
|
.table {
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
align-items: center;
|
||||||
|
margin-left: 78rpx;
|
||||||
|
margin-right: 72rpx;
|
||||||
|
/* padding-bottom: 40rpx; */
|
||||||
|
height: 122rpx;
|
||||||
|
border-bottom: 1px solid #EBEBEB;
|
||||||
|
border-bottom: 1px solid red;
|
||||||
|
}
|
||||||
|
.left {
|
||||||
|
font-size: 26rpx;
|
||||||
|
color: #999999;
|
||||||
|
}
|
||||||
|
.label {
|
||||||
|
font-weight: 500;
|
||||||
|
font-size: 30rpx;
|
||||||
|
color: #222222;
|
||||||
|
margin-bottom: 10rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.right {
|
||||||
|
text-align: right;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
.right > .desc {
|
||||||
|
margin-left: 30rpx;
|
||||||
|
font-size: 28rpx;
|
||||||
|
color: #FF370B;
|
||||||
|
background-color: #FFFFFF;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
.right > .desc::after {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
.btn {
|
||||||
|
margin-top: 80rpx;
|
||||||
|
margin-left: 75rpx;
|
||||||
|
margin-right: 75rpx;
|
||||||
|
height: 90rpx;
|
||||||
|
line-height: 90rpx;
|
||||||
|
background: linear-gradient( 91deg, #FF7658 0%, #FF370B 100%);
|
||||||
|
border-radius: 100rpx 100rpx 100rpx 100rpx;
|
||||||
|
font-size: 36rpx;
|
||||||
|
color: #FFFFFF;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
.agreement {
|
||||||
|
text-align: center;
|
||||||
|
font-size: 26rpx;
|
||||||
|
color: #FF370B;
|
||||||
|
margin-top: 40rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
.avatar_pic {
|
||||||
|
width: 90rpx;
|
||||||
|
height: 90rpx;
|
||||||
|
border-radius: 50%;
|
||||||
|
}
|
||||||
|
.u-upload__wrap__preview {
|
||||||
|
width: 90rpx;
|
||||||
|
height: 90rpx;
|
||||||
|
border-radius: 50% !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.u-upload__wrap__preview__image {
|
||||||
|
width: 100% !important;
|
||||||
|
height: 100% !important;
|
||||||
|
object-fit: cover;
|
||||||
|
}
|
||||||
106
packages/user/replenishInfo/index.vue
Normal file
106
packages/user/replenishInfo/index.vue
Normal file
@ -0,0 +1,106 @@
|
|||||||
|
<template>
|
||||||
|
<view class="container">
|
||||||
|
<view class="title">完善注册信息</view>
|
||||||
|
<view class="subTitle">请完善头像昵称及联系信息</view>
|
||||||
|
<view class="table">
|
||||||
|
<view class="left">
|
||||||
|
<view class="label">头像</view>
|
||||||
|
<view class="desc">点击更换头像</view>
|
||||||
|
</view>
|
||||||
|
<view class="right">
|
||||||
|
<u-upload @afterRead="afterReadImg" :deletable="false" :maxCount="1">
|
||||||
|
<image class="avatar_pic" :src="avatarInfo.url" alt="" />
|
||||||
|
</u-upload>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="table">
|
||||||
|
<view class="left">
|
||||||
|
<view class="label">昵称</view>
|
||||||
|
</view>
|
||||||
|
<view class="right">
|
||||||
|
<!-- <input type="text" :value="name" @input="headerInputClick"> -->
|
||||||
|
<input type="text" placeholder="请填写昵称" :value="name" @input="headerInputClick">
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="table">
|
||||||
|
<view class="left">
|
||||||
|
<view class="label">手机号</view>
|
||||||
|
</view>
|
||||||
|
<view class="right">
|
||||||
|
<view>{{ phoneNum }}</view>
|
||||||
|
<button
|
||||||
|
type="default"
|
||||||
|
class="desc"
|
||||||
|
open-type="getPhoneNumber"
|
||||||
|
@getphonenumber="getPhoneNumber"
|
||||||
|
@click="heandleChangePhoneClick"
|
||||||
|
>更换</button>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="btn" @click="headerSubmitClick">保存</view>
|
||||||
|
<view class="agreement">同意《用户隐私保护政策》</view>
|
||||||
|
</view>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
|
||||||
|
import { request } from '../../../utils';
|
||||||
|
import { apiArr } from '../../../api/login';
|
||||||
|
|
||||||
|
export default {
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
avatarInfo: {},
|
||||||
|
name: '',
|
||||||
|
phoneNum: uni.getStorageSync('phone'),
|
||||||
|
}
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
headerInputClick(e) {
|
||||||
|
const { value} = e.detail;
|
||||||
|
this.name = value;
|
||||||
|
},
|
||||||
|
heandleChangePhoneClick() {
|
||||||
|
|
||||||
|
},
|
||||||
|
|
||||||
|
// 小程序登录获取手机号接口
|
||||||
|
getPhoneNumber(event) {
|
||||||
|
console.log('获取手机号', event);
|
||||||
|
if (event.detail.errMsg === "getPhoneNumber:ok") {
|
||||||
|
request(apiArr.loginGetPhone, 'POST', {
|
||||||
|
code: event.detail.code
|
||||||
|
}, { silent: false }).then((res) => {
|
||||||
|
console.log('111', res);
|
||||||
|
uni.hideLoading();
|
||||||
|
})
|
||||||
|
} else {
|
||||||
|
console.error('用户拒绝授权:', event.detail.errMsg);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
headerSubmitClick() {
|
||||||
|
console.log('提交', this.name);
|
||||||
|
|
||||||
|
},
|
||||||
|
async init() {
|
||||||
|
const res = await request(apiArr.loginInfo, 'POST', {});
|
||||||
|
console.log('111211', res);
|
||||||
|
this.avatarInfo = {
|
||||||
|
url: res.img ? picUrl + res.img : 'https://wechat-img-file.oss-cn-beijing.aliyuncs.com/person/Group_309.png',
|
||||||
|
picUrl: res.img
|
||||||
|
}
|
||||||
|
this.name = res.user_name;
|
||||||
|
},
|
||||||
|
},
|
||||||
|
onLoad() {
|
||||||
|
this.init();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style>
|
||||||
|
@import url("./index.css");
|
||||||
|
</style>
|
||||||
@ -248,6 +248,13 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
{
|
||||||
|
"path": "replenishInfo/index",
|
||||||
|
"style": {
|
||||||
|
"navigationBarTitleText": "",
|
||||||
|
"navigationBarBackgroundColor": "#F9F9F9"
|
||||||
|
}
|
||||||
|
},
|
||||||
{
|
{
|
||||||
"path": "uploadAvatar/index",
|
"path": "uploadAvatar/index",
|
||||||
"style": {
|
"style": {
|
||||||
|
|||||||
@ -1,10 +1,15 @@
|
|||||||
|
page {
|
||||||
|
background: #F6F7FB;
|
||||||
|
}
|
||||||
.conatiner {
|
.conatiner {
|
||||||
height: 100%;
|
/* height: 100%; */
|
||||||
background: linear-gradient(to bottom, #FFE7E1, #FFFFFF);
|
/* height: 578rpx; */
|
||||||
|
/* background: linear-gradient(to bottom, #FFE7E1, #FFFFFF); */
|
||||||
|
/* background: linear-gradient( 359deg, rgba(255,255,255,0) 0%, #FDD9CA 100%); */
|
||||||
|
background: url('http://127.0.0.1:5500/assets/page_user_Group_1584.png');
|
||||||
|
background-size: contain;
|
||||||
|
background-repeat: no-repeat;
|
||||||
background-attachment: fixed;
|
background-attachment: fixed;
|
||||||
background-size: cover;
|
|
||||||
padding-top: 20rpx;
|
|
||||||
padding-bottom: 20%;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 头部 */
|
/* 头部 */
|
||||||
@ -12,15 +17,16 @@
|
|||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
margin-left: 25rpx;
|
margin-left: 25rpx;
|
||||||
/* margin-top: 83rpx; */
|
margin-right: 20rpx;
|
||||||
margin-bottom: 30rpx;
|
margin-top: 37rpx;
|
||||||
pointer-events: none;
|
margin-bottom: 35rpx;
|
||||||
|
/* pointer-events: none; */
|
||||||
}
|
}
|
||||||
/* 头像 */
|
/* 头像 */
|
||||||
.avatar-container {
|
.avatar-container {
|
||||||
display: flex;
|
display: flex;
|
||||||
width: 120rpx;
|
width: 130rpx;
|
||||||
height: 120rpx;
|
height: 130rpx;
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
background-color: #FF7354;
|
background-color: #FF7354;
|
||||||
@ -31,20 +37,109 @@
|
|||||||
}
|
}
|
||||||
/* 头像图片 */
|
/* 头像图片 */
|
||||||
.avatar {
|
.avatar {
|
||||||
/* width: 100%;
|
width: 130rpx;
|
||||||
height: 100%; */
|
height: 130rpx;
|
||||||
width: 73rpx;
|
|
||||||
height: 69rpx;
|
|
||||||
/* margin-bottom: 20rpx; */
|
|
||||||
pointer-events: auto;
|
pointer-events: auto;
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
}
|
}
|
||||||
|
.avatar_right {
|
||||||
|
flex: 1;
|
||||||
|
}
|
||||||
|
.avatar_title {
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
.avatar_setting {
|
||||||
|
display: flex;
|
||||||
|
pointer-events: auto;
|
||||||
|
}
|
||||||
|
.avatar_setting > image {
|
||||||
|
width: 34rpx;
|
||||||
|
height: 34rpx;
|
||||||
|
}
|
||||||
|
.avatar_setting > image:first-child {
|
||||||
|
margin-right: 40rpx;
|
||||||
|
}
|
||||||
|
|
||||||
/* 登录/注册 */
|
/* 登录/注册 */
|
||||||
.login-btn {
|
.login-btn {
|
||||||
font-size: 36rpx;
|
font-size: 36rpx;
|
||||||
pointer-events: auto;
|
pointer-events: auto;
|
||||||
}
|
}
|
||||||
|
.avater_mobile {
|
||||||
|
margin-top: 10rpx;
|
||||||
|
}
|
||||||
|
.center {
|
||||||
|
position: relative;
|
||||||
|
margin: 0 20rpx;
|
||||||
|
height: 350rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.gold_container {
|
||||||
|
/* width: 710rpx; */
|
||||||
|
height: 127rpx;
|
||||||
|
background: linear-gradient( 90deg, #FFE9A3 0%, rgba(232,127,0,0.8) 100%);
|
||||||
|
box-shadow: inset 0rpx 1rpx 2rpx 0rpx #E2C47C;
|
||||||
|
border-radius: 30rpx 30rpx 30rpx 30rpx;
|
||||||
|
margin: 37rpx 0 0;
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
.gold_title {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
padding-top: 16rpx;
|
||||||
|
}
|
||||||
|
.gold {
|
||||||
|
margin-left: 37rpx;
|
||||||
|
font-weight: normal;
|
||||||
|
font-size: 34rpx;
|
||||||
|
color: #7F3907;
|
||||||
|
}
|
||||||
|
.monenyt {
|
||||||
|
/* display: inline-block; */
|
||||||
|
margin-left: 17rpx;
|
||||||
|
margin-right: 37rpx;
|
||||||
|
font-weight: 400;
|
||||||
|
font-size: 40rpx;
|
||||||
|
color: #7F3907;
|
||||||
|
}
|
||||||
|
.price {
|
||||||
|
margin-left: 37rpx;
|
||||||
|
font-weight: normal;
|
||||||
|
font-size: 26rpx;
|
||||||
|
color: #7F3907;
|
||||||
|
margin-right: 20rpx;
|
||||||
|
}
|
||||||
|
.gold_pic {
|
||||||
|
width: 140rpx;
|
||||||
|
height: 113rpx;
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
right: 39rpx;
|
||||||
|
}
|
||||||
|
.main {
|
||||||
|
margin: 0 20rpx;
|
||||||
|
border-radius: 20rpx 20rpx 20rpx 20rpx;
|
||||||
|
background: #FFFFFF;
|
||||||
|
}
|
||||||
|
.main1 {
|
||||||
|
width: 100%;
|
||||||
|
margin: 0;
|
||||||
|
position: absolute;
|
||||||
|
top: 80rpx;
|
||||||
|
}
|
||||||
|
.main_title {
|
||||||
|
padding-top: 25rpx;
|
||||||
|
margin: 0 0 40rpx 30rpx;
|
||||||
|
font-weight: 600;
|
||||||
|
font-size: 36rpx;
|
||||||
|
color: #222222;
|
||||||
|
}
|
||||||
|
.margin20 {
|
||||||
|
margin-top: 20rpx;
|
||||||
|
}
|
||||||
|
|
||||||
.section {
|
.section {
|
||||||
display: flex;
|
display: flex;
|
||||||
@ -54,6 +149,14 @@
|
|||||||
margin-right: 20rpx;
|
margin-right: 20rpx;
|
||||||
margin-bottom: 21rpx;
|
margin-bottom: 21rpx;
|
||||||
}
|
}
|
||||||
|
.section1 {
|
||||||
|
justify-content: space-around;
|
||||||
|
}
|
||||||
|
.section_label {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
.order {
|
.order {
|
||||||
margin-top: 24rpx;
|
margin-top: 24rpx;
|
||||||
}
|
}
|
||||||
@ -80,11 +183,12 @@
|
|||||||
.item1 {
|
.item1 {
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: space-around;
|
justify-content: space-around;
|
||||||
width: 100%;
|
|
||||||
height: 220rpx;
|
|
||||||
background-color: #FFFFFF;
|
|
||||||
align-items: center;
|
align-items: center;
|
||||||
border-radius: 30rpx;
|
border-radius: 20rpx;
|
||||||
|
padding-bottom: 25rpx;
|
||||||
|
}
|
||||||
|
.padding_bottom0 {
|
||||||
|
padding-bottom: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.item-owner {
|
.item-owner {
|
||||||
@ -140,11 +244,30 @@
|
|||||||
font-size: 32rpx;
|
font-size: 32rpx;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
|
.customer {
|
||||||
|
width: 130rpx;
|
||||||
|
height: 130rpx;
|
||||||
|
position: fixed;
|
||||||
|
right: 0;
|
||||||
|
bottom: 212rpx;
|
||||||
|
background: rgba(255,55,11,0.6);
|
||||||
|
border-radius: 50%;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
font-weight: normal;
|
||||||
|
font-size: 28rpx;
|
||||||
|
color: #FFFFFF;
|
||||||
|
}
|
||||||
|
.customer > image {
|
||||||
|
width: 50rpx;
|
||||||
|
height: 55rpx;
|
||||||
|
}
|
||||||
|
|
||||||
.uicon-volume {
|
.uicon-volume {
|
||||||
font-size: 28rpx !important;
|
font-size: 28rpx !important;
|
||||||
}
|
}
|
||||||
.u-grid-item {
|
.u-grid-item {
|
||||||
margin-bottom: 43rpx;
|
margin-bottom: 36rpx;
|
||||||
}
|
}
|
||||||
@ -6,10 +6,37 @@
|
|||||||
:src="userInfo.userPic || 'https://wechat-img-file.oss-cn-beijing.aliyuncs.com/person/Group_309.png'"
|
:src="userInfo.userPic || 'https://wechat-img-file.oss-cn-beijing.aliyuncs.com/person/Group_309.png'"
|
||||||
mode="" />
|
mode="" />
|
||||||
</view>
|
</view>
|
||||||
<view class="login-btn">{{userInfo.user_name ? userInfo.user_name : '登录/注册'}}</view>
|
<view class="avatar_right">
|
||||||
|
<view class="avatar_title">
|
||||||
|
<view class="login-btn">{{userInfo.user_name ? userInfo.user_name : '登录/注册'}}</view>
|
||||||
|
<view class="avatar_setting">
|
||||||
|
<image src="http://127.0.0.1:5500/assets/page_user_Vector13.png" mode="" @click.stop="headerRefreshClick"/>
|
||||||
|
<image src="http://127.0.0.1:5500/assets/page_user_Vector14.png" mode="" @click.stop="headerSettingsClick"/>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="avater_mobile">{{ phoneNum }}</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="section section1">
|
||||||
|
<view class="section_label">
|
||||||
|
<view>10010</view>
|
||||||
|
<view>积分</view>
|
||||||
|
</view>
|
||||||
|
<view class="section_label">
|
||||||
|
<view>0.00</view>
|
||||||
|
<view>繁华币</view>
|
||||||
|
</view>
|
||||||
|
<view class="section_label">
|
||||||
|
<view>0.00元</view>
|
||||||
|
<view>物业费公积金</view>
|
||||||
|
</view>
|
||||||
|
<view class="section_label">
|
||||||
|
<view>0元</view>
|
||||||
|
<view>红包卡券</view>
|
||||||
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
<view class="section">
|
<!-- <view class="section">
|
||||||
<view class="item" @click="handlePointsClick">
|
<view class="item" @click="handlePointsClick">
|
||||||
<view class="item-content">
|
<view class="item-content">
|
||||||
<text class="item-title">积分</text>
|
<text class="item-title">积分</text>
|
||||||
@ -25,67 +52,77 @@
|
|||||||
</view>
|
</view>
|
||||||
<image class="item-icon1" src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/person/Group_311.png" />
|
<image class="item-icon1" src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/person/Group_311.png" />
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view> -->
|
||||||
|
<view class="center">
|
||||||
<!-- 我的社区、申请业主、我的设备 -->
|
<view class="gold_container">
|
||||||
<view class="section">
|
<view class="gold_title">
|
||||||
<view class="item1">
|
<span class="gold">金币</span> <span class="monenyt">0</span> | <span class="price">价值0.00元</span> <u-icon size="30" name="arrow-right" />
|
||||||
<view class="item_device" @click="handleCommunityClick">
|
|
||||||
<image class="icon-community icon-img"
|
|
||||||
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/person/Group_16.png"></image>
|
|
||||||
<text class="community-title title-item">我的社区</text>
|
|
||||||
</view>
|
</view>
|
||||||
<view class="item_device" @click="handleApplyOwnerClick">
|
<image class="gold_pic" src="http://127.0.0.1:5500/assets/page_user_Group_1556.png" />
|
||||||
<image class="icon-owner icon-img" src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/person/Frame.png" />
|
</view>
|
||||||
<text class="owner-title title-item">申请业主</text>
|
<view class="main main1">
|
||||||
</view>
|
<view class="main_title">物业服务</view>
|
||||||
<view class="item_device" @click="handleFacilityClick">
|
<view class="item1">
|
||||||
<image class="icon-device icon-img" src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/person/Frame_1.png"/>
|
<view class="item_device" @click="handleCommunityClick">
|
||||||
<text class="device-title title-item">我的设备</text>
|
<image class="icon-community icon-img"
|
||||||
</view>
|
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/person/Group_16.png"></image>
|
||||||
<view class="item_device" @click="handleMeApplyClick">
|
<text class="community-title title-item">我的社区</text>
|
||||||
<image class="icon-device icon-img" src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/Group_905.png"/>
|
</view>
|
||||||
<text class="device-title title-item">我的申请</text>
|
<view class="item_device" @click="handleApplyOwnerClick">
|
||||||
|
<image class="icon-owner icon-img" src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/person/Frame.png" />
|
||||||
|
<text class="owner-title title-item">申请业主</text>
|
||||||
|
</view>
|
||||||
|
<view class="item_device" @click="handleFacilityClick">
|
||||||
|
<image class="icon-device icon-img" src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/person/Frame_1.png"/>
|
||||||
|
<text class="device-title title-item">我的设备</text>
|
||||||
|
</view>
|
||||||
|
<view class="item_device" @click="handleMeApplyClick">
|
||||||
|
<image class="icon-device icon-img" src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/Group_905.png"/>
|
||||||
|
<text class="device-title title-item">我的申请</text>
|
||||||
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
|
<view class="main margin20">
|
||||||
<!-- 我的订单 -->
|
<view class="main_title">电商服务</view>
|
||||||
<view class="navigation">我的订单</view>
|
<view class="item1 padding_bottom0">
|
||||||
<view class="order">
|
|
||||||
<u-grid col="4" :border="false" >
|
|
||||||
<u-grid-item @click="headerOrderClick(item)" v-for="(item, index) in order_List" :key="index">
|
|
||||||
<image class="nav_icon" :src="item.image" mode=""></image>
|
|
||||||
<text class="grid-text">{{item.name}}</text>
|
|
||||||
</u-grid-item>
|
|
||||||
</u-grid>
|
|
||||||
</view>
|
|
||||||
|
|
||||||
<!-- 功能服务 -->
|
|
||||||
<view class="navigation">功能服务</view>
|
|
||||||
<view class="order">
|
|
||||||
<u-grid col="4" :border="false" >
|
|
||||||
<u-grid-item @click="headerGridItemClick(item)" v-for="(item, index) in functional_List" :key="index">
|
|
||||||
<image class="nav_icon" :src="item.image" mode=""></image>
|
|
||||||
<text class="grid-text">{{item.name}}</text>
|
|
||||||
</u-grid-item>
|
|
||||||
</u-grid>
|
|
||||||
</view>
|
|
||||||
|
|
||||||
|
|
||||||
<view v-if="!isShop">
|
|
||||||
<view class="navigation">商家服务</view>
|
|
||||||
<view class="order">
|
|
||||||
<u-grid col="4" :border="false" >
|
<u-grid col="4" :border="false" >
|
||||||
<u-grid-item @click="headerGridItemClick(item)" v-for="(item, index) in shopServer" :key="index">
|
<u-grid-item @click="headerOrderClick(item)" v-for="(item, index) in networkList" :key="index">
|
||||||
<image class="nav_icon" :src="item.image" mode=""></image>
|
<image class="nav_icon" :src="item.image" mode=""></image>
|
||||||
<text class="grid-text">{{item.name}}</text>
|
<text class="grid-text">{{item.name}}</text>
|
||||||
</u-grid-item>
|
</u-grid-item>
|
||||||
</u-grid>
|
</u-grid>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
|
<view class="main margin20">
|
||||||
|
<view class="main_title">到家服务</view>
|
||||||
|
<view class="item1 padding_bottom0">
|
||||||
|
<u-grid col="4" :border="false" >
|
||||||
|
<u-grid-item @click="headerOrderClick(item)" v-for="(item, index) in visitList" :key="index">
|
||||||
|
<image class="nav_icon" :src="item.image" mode=""></image>
|
||||||
|
<text class="grid-text">{{item.name}}</text>
|
||||||
|
</u-grid-item>
|
||||||
|
</u-grid>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="main margin20">
|
||||||
|
<view class="main_title">门店服务</view>
|
||||||
|
<view class="item1 padding_bottom0">
|
||||||
|
<u-grid col="4" :border="false" >
|
||||||
|
<u-grid-item @click="headerOrderClick(item)" v-for="(item, index) in shopList" :key="index">
|
||||||
|
<image class="nav_icon" :src="item.image" mode=""></image>
|
||||||
|
<text class="grid-text">{{item.name}}</text>
|
||||||
|
</u-grid-item>
|
||||||
|
</u-grid>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="customer" @click="headerCustomerClick">
|
||||||
|
<image src="http://127.0.0.1:5500/assets/page_user_Vector16.png" mode=""/>
|
||||||
|
<view>客服</view>
|
||||||
|
</view>
|
||||||
|
<view style="padding-top: 174rpx;"></view>
|
||||||
<nav-footer />
|
<nav-footer />
|
||||||
</view>
|
</view>
|
||||||
</template>
|
</template>
|
||||||
@ -97,125 +134,99 @@
|
|||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
top: 0,
|
top: 0,
|
||||||
order_List: [{
|
networkList: [{
|
||||||
image: "https://zhsq.hshuishang.com/Public/img/common/order12.png",
|
image: "http://127.0.0.1:5500/assets/page_user_Group_1568.png",
|
||||||
name: "物业账单",
|
name: "我的订单",
|
||||||
type: "h5",
|
|
||||||
url: "",
|
url: "",
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
image: "https://zhsq.hshuishang.com/Public/img/common/order04.png",
|
image: "http://127.0.0.1:5500/assets/page_user_Group_1567.png",
|
||||||
name: "社区服务",
|
name: "我的拼团",
|
||||||
type: "h5",
|
|
||||||
url: "/packages/communityService/index/index",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
image: "https://zhsq.hshuishang.com/Public/img/common/order11.png",
|
|
||||||
name: "商家优惠",
|
|
||||||
type: "h5",
|
|
||||||
url: "",
|
url: "",
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
image: "https://zhsq.hshuishang.com/Public/img/common/order08.png",
|
image: "http://127.0.0.1:5500/assets/page_user_Group_1565.png",
|
||||||
name: "积分商城",
|
name: "我的收藏",
|
||||||
type: "h5",
|
|
||||||
url: "",
|
url: "",
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
image: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/User/_assets/orderIcon_1.png",
|
image: "http://127.0.0.1:5500/assets/page_user_Group_1566.png",
|
||||||
name: "社区健康",
|
name: "售后服务",
|
||||||
type: "h5",
|
|
||||||
url: "",
|
url: "",
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
image: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/User/_assets/orderIcon_2.png",
|
image: "http://127.0.0.1:5500/assets/page_user_Group_1563.png",
|
||||||
name: "生活缴费",
|
name: "收货地址",
|
||||||
type: "h5",
|
|
||||||
url: "",
|
url: "",
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
image: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/User/_assets/orderIcon_3.png",
|
image: "http://127.0.0.1:5500/assets/page_user_Group_1564.png",
|
||||||
name: "社区商城",
|
name: "购物车",
|
||||||
type: "h5",
|
|
||||||
url: "",
|
url: "",
|
||||||
},
|
},
|
||||||
{
|
|
||||||
image: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/User/_assets/orderIcon_4.png",
|
|
||||||
name: "周边商超",
|
|
||||||
type: "h5",
|
|
||||||
url: "",
|
|
||||||
},
|
|
||||||
|
|
||||||
],
|
|
||||||
functional_List: [{
|
|
||||||
"image": "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/person/Group_25.png",
|
|
||||||
"name": "生活缴费",
|
|
||||||
"url": "",
|
|
||||||
"type": "h5"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"image": "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/person/Group_26.png",
|
|
||||||
"name": "优惠卡券",
|
|
||||||
// "url": "/packages/user/coupon/index",
|
|
||||||
"type": "h5"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"image": "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/person/Group_35.png",
|
|
||||||
"name": "我的卡券",
|
|
||||||
"url": "",
|
|
||||||
"type": "h5"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"image": "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/person/Group_30.png",
|
|
||||||
"name": "营销推广",
|
|
||||||
"url": "/packages/user/marketing/index",
|
|
||||||
"type": "h5"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"image": "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/person/Group_27.png",
|
|
||||||
"name": "个人设置",
|
|
||||||
"url": "/packages/user/index/index",
|
|
||||||
"type": "h5"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"image": "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/person/Group_29.png",
|
|
||||||
"name": "平台客服",
|
|
||||||
"url": "/packages/user/customerService/index",
|
|
||||||
"type": "h5"
|
|
||||||
},
|
|
||||||
|
|
||||||
// {
|
|
||||||
// "image": "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/repairList.png",
|
|
||||||
// "name": "报修列表",
|
|
||||||
// "url": "/packages/OneRepair/pages/OwnerRepairList/OwnerRepairList",
|
|
||||||
// "type": "h5"
|
|
||||||
// },
|
|
||||||
|
|
||||||
],
|
|
||||||
shopServer: [{
|
|
||||||
image: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/Group_774.png",
|
|
||||||
name: "订单核销",
|
|
||||||
type: "",
|
|
||||||
url: "/shopWrite/index/index",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
image: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/Group_774.png",
|
|
||||||
name: "核销列表",
|
|
||||||
type: "",
|
|
||||||
url: "/shopWrite/list/index",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
|
visitList: [{
|
||||||
|
image: "http://127.0.0.1:5500/assets/page_user_Group_1572.png",
|
||||||
|
name: "服务工单",
|
||||||
|
url: "",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
image: "http://127.0.0.1:5500/assets/page_user_Group_1573.png",
|
||||||
|
name: "服务地址",
|
||||||
|
url: "",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
image: "http://127.0.0.1:5500/assets/page_user_Group_1574.png",
|
||||||
|
name: "服务卡",
|
||||||
|
url: "",
|
||||||
|
}
|
||||||
|
],
|
||||||
|
shopList: [{
|
||||||
|
image: "http://127.0.0.1:5500/assets/page_user_Group_1580.png",
|
||||||
|
name: "附近门店",
|
||||||
|
url: "",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
image: "http://127.0.0.1:5500/assets/page_user_Group_1581.png",
|
||||||
|
name: "服务券",
|
||||||
|
url: "",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
image: "http://127.0.0.1:5500/assets/page_user_Group_1582.png",
|
||||||
|
name: "支付记录",
|
||||||
|
url: "",
|
||||||
|
}
|
||||||
|
],
|
||||||
|
|
||||||
|
|
||||||
userInfo: {},
|
userInfo: {},
|
||||||
isShop: false,
|
isShop: false,
|
||||||
|
phoneNum: uni.getStorageSync('phone'),
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|
||||||
methods: {
|
methods: {
|
||||||
// 头像点击
|
// 头像点击
|
||||||
toLogin() {
|
toLogin() {
|
||||||
|
NavgateTo('/packages/user/replenishInfo/index');
|
||||||
|
},
|
||||||
|
|
||||||
|
// 刷新
|
||||||
|
headerRefreshClick() {
|
||||||
|
console.log('刷新')
|
||||||
|
},
|
||||||
|
|
||||||
|
// 设置
|
||||||
|
headerSettingsClick() {
|
||||||
|
console.log('设置')
|
||||||
NavgateTo('/packages/user/index/index');
|
NavgateTo('/packages/user/index/index');
|
||||||
},
|
},
|
||||||
|
|
||||||
|
// 客服
|
||||||
|
headerCustomerClick() {
|
||||||
|
console.log('客服')
|
||||||
|
},
|
||||||
|
|
||||||
// 积分跳转
|
// 积分跳转
|
||||||
handlePointsClick() {
|
handlePointsClick() {
|
||||||
NavgateTo('/packages/user/points/index');
|
NavgateTo('/packages/user/points/index');
|
||||||
|
|||||||
1
unpackage/dist/dev/mp-weixin/app.json
vendored
1
unpackage/dist/dev/mp-weixin/app.json
vendored
@ -66,6 +66,7 @@
|
|||||||
"root": "packages/user",
|
"root": "packages/user",
|
||||||
"pages": [
|
"pages": [
|
||||||
"index/index",
|
"index/index",
|
||||||
|
"replenishInfo/index",
|
||||||
"uploadAvatar/index",
|
"uploadAvatar/index",
|
||||||
"resetPwd/index",
|
"resetPwd/index",
|
||||||
"points/index",
|
"points/index",
|
||||||
|
|||||||
@ -1,70 +1,38 @@
|
|||||||
{
|
{
|
||||||
"description": "项目私有配置文件。此文件中的内容将覆盖 project.config.json 中的相同字段。项目的改动优先同步到此文件中。详见文档：https://developers.weixin.qq.com/miniprogram/dev/devtools/projectconfig.html",
|
|
||||||
"projectname": "uniapp-ZHSQ",
|
|
||||||
"setting": {
|
|
||||||
"compileHotReLoad": true
|
|
||||||
},
|
|
||||||
"condition": {
|
"condition": {
|
||||||
"miniprogram": {
|
"miniprogram": {
|
||||||
"list": [
|
"list": [
|
||||||
{
|
{
|
||||||
<<<<<<< HEAD
|
"name": "packages/user/replenishInfo/index",
|
||||||
"name": "师傅端详情页",
|
"pathName": "packages/user/replenishInfo/index",
|
||||||
"pathName": "packages/workOrderDashboard/detail/index",
|
"query": "",
|
||||||
"query": "id=12",
|
|
||||||
"scene": null,
|
"scene": null,
|
||||||
"launchMode": "default"
|
"launchMode": "default"
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"name": "详情页",
|
"name": "packages/user/",
|
||||||
"pathName": "packages/community/repairDetail/index",
|
|
||||||
"query": "id=12",
|
|
||||||
"launchMode": "default",
|
|
||||||
"scene": null
|
|
||||||
},
|
|
||||||
{
|
|
||||||
=======
|
|
||||||
>>>>>>> e4912a82a85c39559af5bbf9f538f54bfe7ecde7
|
|
||||||
"name": "packages/localLife/comment/index",
|
|
||||||
"pathName": "packages/localLife/comment/index",
|
|
||||||
"query": "",
|
|
||||||
"launchMode": "default",
|
|
||||||
"scene": null
|
|
||||||
},
|
|
||||||
{
|
|
||||||
<<<<<<< HEAD
|
|
||||||
"name": "师傅端列表",
|
|
||||||
"pathName": "packages/workOrderDashboard/index/index",
|
|
||||||
=======
|
|
||||||
"name": "packages/localLife/detail/index",
|
|
||||||
"pathName": "packages/localLife/detail/index",
|
|
||||||
>>>>>>> e4912a82a85c39559af5bbf9f538f54bfe7ecde7
|
|
||||||
"query": "",
|
|
||||||
"launchMode": "default",
|
|
||||||
"scene": null
|
|
||||||
},
|
|
||||||
{
|
|
||||||
<<<<<<< HEAD
|
|
||||||
"name": "商家入驻",
|
|
||||||
"pathName": "packages/shopEnter/apply/index",
|
|
||||||
=======
|
|
||||||
"name": "packages/localLife/index/index",
|
|
||||||
"pathName": "packages/localLife/index/index",
|
|
||||||
>>>>>>> e4912a82a85c39559af5bbf9f538f54bfe7ecde7
|
|
||||||
"query": "",
|
|
||||||
"launchMode": "default",
|
|
||||||
"scene": null
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"name": "保修填写",
|
|
||||||
"pathName": "packages/community/oneRepair/index",
|
"pathName": "packages/community/oneRepair/index",
|
||||||
"query": "",
|
"query": "",
|
||||||
"launchMode": "default",
|
"launchMode": "default",
|
||||||
"scene": null
|
"scene": null
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"name": "packages/community/repairList/index",
|
"name": "packages/user/index/index",
|
||||||
"pathName": "packages/community/repairList/index",
|
"pathName": "packages/user/index/index",
|
||||||
|
"query": "",
|
||||||
|
"launchMode": "default",
|
||||||
|
"scene": null
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"name": "pages/user/index",
|
||||||
|
"pathName": "pages/user/index",
|
||||||
|
"query": "",
|
||||||
|
"launchMode": "default",
|
||||||
|
"scene": null
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"name": "packages/localLife/index/index",
|
||||||
|
"pathName": "packages/localLife/shopList/index",
|
||||||
"query": "",
|
"query": "",
|
||||||
"launchMode": "default",
|
"launchMode": "default",
|
||||||
"scene": null
|
"scene": null
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user