first commit
This commit is contained in:
仲么了
194
pages/me/me.css
Normal file
194
pages/me/me.css
Normal file
@@ -0,0 +1,194 @@
|
||||
page{
|
||||
background: #F9F9F9;
|
||||
}
|
||||
/* 主体开始 */
|
||||
.body{
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: flex-start;
|
||||
}
|
||||
/* 上部分开始 */
|
||||
.upper-block{
|
||||
margin-top: 0rpx;
|
||||
height: 472rpx;
|
||||
background: #F9F9F9;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: flex-start;
|
||||
}
|
||||
.upper-block-done{
|
||||
margin-top: 0rpx;
|
||||
height: 314rpx;
|
||||
background: #F9F9F9;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: flex-start;
|
||||
}
|
||||
.upper-block-inside{
|
||||
margin-top: 0rpx;
|
||||
height: 472rpx;
|
||||
background-image: url('../../static/pic/background.png');
|
||||
background-size: 100% 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: flex-end;
|
||||
}
|
||||
.upper-block-inside-done{
|
||||
margin-top: 0rpx;
|
||||
height: 314rpx;
|
||||
background-image: url('../../static/pic/background_done.png');
|
||||
background-size: 100% 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: flex-start;
|
||||
}
|
||||
.system-block{
|
||||
height: 42rpx;
|
||||
margin-top: 96rpx;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: flex-end;
|
||||
}
|
||||
.system-pic{
|
||||
width: 44rpx;
|
||||
height: 42rpx;
|
||||
margin-right: 60rpx;
|
||||
}
|
||||
/* 上部分结束 */
|
||||
/* 个人信息开始 */
|
||||
.role-block{
|
||||
height: 114rpx;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: flex-start;
|
||||
}
|
||||
.left-block{
|
||||
width: 114rpx;
|
||||
height: 114rpx;
|
||||
margin-left: 66rpx;
|
||||
}
|
||||
.head-pic{
|
||||
width: 114rpx;
|
||||
height: 114rpx;
|
||||
}
|
||||
.level-pic{
|
||||
width: 44rpx;
|
||||
height: 44rpx;
|
||||
z-index: 1000;
|
||||
position:absolute;
|
||||
top:230rpx;
|
||||
left:130rpx;
|
||||
}
|
||||
.level-pic-done{
|
||||
width: 44rpx;
|
||||
height: 44rpx;
|
||||
z-index: 1000;
|
||||
position:absolute;
|
||||
top:218rpx;
|
||||
left:130rpx;
|
||||
}
|
||||
.right-block{
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: flex-start;
|
||||
margin-left: 48rpx;
|
||||
}
|
||||
.name{
|
||||
font-size: 38rpx;
|
||||
color: #FFFFFFFF;
|
||||
}
|
||||
.info-block{
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: flex-start;
|
||||
margin-top: 16rpx;
|
||||
}
|
||||
.level-block{
|
||||
width:132rpx;
|
||||
height:34rpx;
|
||||
background:rgba(54,106,215,1);
|
||||
border-radius:16rpx;
|
||||
font-size: 22rpx;
|
||||
text-align: center;
|
||||
color: #CEDEFF;
|
||||
}
|
||||
.phoneNum-block{
|
||||
font-size: 22rpx;
|
||||
color: #CEDEFF;
|
||||
margin-left: 12rpx;
|
||||
}
|
||||
.level-up{
|
||||
width: 690rpx;
|
||||
height: 156rpx;
|
||||
border-radius:12rpx;
|
||||
margin: 60rpx 30rpx -10rpx 30rpx;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: flex-start;
|
||||
background-image: url('../../static/pic/level_up_background.png');
|
||||
background-size: 100% 100%;
|
||||
background-color: #F9F9F9;
|
||||
}
|
||||
.level-up-done{
|
||||
width: 690rpx;
|
||||
height: 156rpx;
|
||||
margin: 60rpx 30rpx -10rpx 30rpx;
|
||||
}
|
||||
.level-up-pic-block{
|
||||
width: 70rpx;
|
||||
height: 70rpx;
|
||||
margin: 22rpx 0rpx 64rpx 40rpx;
|
||||
}
|
||||
.level-up-pic{
|
||||
width: 70rpx;
|
||||
height: 70rpx;
|
||||
}
|
||||
.level-up-text{
|
||||
margin-left: 24rpx;
|
||||
height: 120rpx;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: flex-start;
|
||||
background:rgba(255,255,255,1);
|
||||
}
|
||||
.level-up-text-top{
|
||||
width: 128rpx;
|
||||
height: 42rpx;
|
||||
font-size: 30rpx;
|
||||
color: #303233;
|
||||
margin-top: 22rpx;
|
||||
}
|
||||
.level-up-text-bottom{
|
||||
width: 384rpx;
|
||||
height: 34rpx;
|
||||
margin-top: 6rpx;
|
||||
font-size: 24rpx;
|
||||
color:#999999;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
.level-up-now{
|
||||
width: 120rpx;
|
||||
height: 120rpx;
|
||||
font-size: 24rpx;
|
||||
color: #4A4A4A;
|
||||
margin-left: 6rpx;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
font-weight: 400;
|
||||
}
|
||||
/* 个人信息结束 */
|
||||
/* 下半部分开始 */
|
||||
.lower-block{
|
||||
height: 762rpx;
|
||||
background: #F9F9F9;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: flex-start;
|
||||
padding-top: 36rpx;
|
||||
}
|
||||
/* 下半部分结束 */
|
||||
/* 主体结束 */
|
||||
190
pages/me/me.vue
Normal file
190
pages/me/me.vue
Normal file
@@ -0,0 +1,190 @@
|
||||
<template>
|
||||
<view class="body">
|
||||
<!-- 上半部分 -->
|
||||
<view class="upper-block" v-if="roleCode==1">
|
||||
<view class="upper-block-inside">
|
||||
<view class="system-block">
|
||||
<image src="/static/pic/setting.png" class="system-pic" @click="jumpToSetting"></image>
|
||||
</view>
|
||||
<view class="role-block">
|
||||
<view class="left-block">
|
||||
<image class="head-pic" src="/static/pic/head.png"></image>
|
||||
<image class="level-pic" src="/static/pic/level.png"></image>
|
||||
</view>
|
||||
<view class="right-block">
|
||||
<view class="name">{{showName}}</view>
|
||||
<view class="info-block">
|
||||
<view class="level-block">{{roleName}}</view>
|
||||
<view class="phoneNum-block">{{phoneNum}}</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="level-up" @click="jumpToLevelUp">
|
||||
<view class="level-up-pic-block">
|
||||
<image src="/static/pic/level_up.png" class="level-up-pic"></image>
|
||||
</view>
|
||||
<view class="level-up-text">
|
||||
<view class="level-up-text-top">
|
||||
角色升级
|
||||
</view>
|
||||
<view class="level-up-text-bottom">
|
||||
填写正确推荐码，即可升级为VIP用户
|
||||
</view>
|
||||
</view>
|
||||
<view class="level-up-now">立即升级</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="upper-block-done" v-else>
|
||||
<view class="upper-block-inside-done">
|
||||
<view class="system-block">
|
||||
<image src="/static/pic/setting.png" class="system-pic" @click="jumpToSetting"></image>
|
||||
</view>
|
||||
<view class="role-block">
|
||||
<view class="left-block">
|
||||
<image class="head-pic" src="/static/pic/head.png"></image>
|
||||
<image class="level-pic-done" src="/static/pic/level.png"></image>
|
||||
</view>
|
||||
<view class="right-block">
|
||||
<view class="name">{{showName}}</view>
|
||||
<view class="info-block">
|
||||
<view class="level-block">{{roleName}}</view>
|
||||
<view class="phoneNum-block">{{phoneNum}}</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<!-- 下半部分 -->
|
||||
<view class="lower-block">
|
||||
<view class="" @click='jumpToModifyPassword'>
|
||||
<personalModule name='修改密码' imgsrc='/static/pic/modify_password.png' ></personalModule>
|
||||
</view>
|
||||
<view class="" @click='jumpToModifyUserPhoneNum'>
|
||||
<personalModule name='账号绑定手机号码更换' imgsrc='/static/pic/change_phoneNum.png'></personalModule>
|
||||
</view>
|
||||
<view class="" @click='jumpToUserAgreement'>
|
||||
<personalModule name='用户协议' imgsrc='/static/pic/user_agreement.png'></personalModule>
|
||||
</view>
|
||||
<view class="" @click='jumpToSystemIntroduce'>
|
||||
<personalModule name='系统介绍' imgsrc='/static/pic/sys_introduce.png'></personalModule>
|
||||
</view>
|
||||
<view class="" @click='jumpToCompanyIntroduce'>
|
||||
<personalModule name='公司简介' imgsrc='/static/pic/company_introduce.png'></personalModule>
|
||||
</view>
|
||||
<view class="" @click='jumpToSetNewMessage'>
|
||||
<personalModule name='新消息提醒' imgsrc='/static/pic/set_new_message.png'></personalModule>
|
||||
</view>
|
||||
<view class="" @click='jumpToUs'>
|
||||
<personalModule name='关于我们' imgsrc='/static/pic/inner_buy.png'></personalModule>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import personalModule from '../../components/personalModule.vue';
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
phoneNum:'',
|
||||
roleName:'',
|
||||
userId:'',
|
||||
roleCode:1,//0-主用户 1-普通用户 2-vip用户
|
||||
userName:'',
|
||||
showName:''
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
jumpToSetting(){
|
||||
uni.navigateTo({
|
||||
url:'../setting/setting'
|
||||
})
|
||||
},
|
||||
jumpToLevelUp(){
|
||||
uni.navigateTo({
|
||||
url:'../levelUp/levelUp'
|
||||
})
|
||||
},
|
||||
jumpToModifyPassword(){
|
||||
var that = this;
|
||||
uni.navigateTo({
|
||||
url:'../modifyPasswordSetpassword/modifyPasswordSetpassword'
|
||||
})
|
||||
},
|
||||
jumpToModifyUserPhoneNum(){
|
||||
var that = this;
|
||||
uni.navigateTo({
|
||||
url:'../modifyUserPhoneNum/modifyUserPhoneNum?phoneNum='+that.phoneNum
|
||||
})
|
||||
},
|
||||
jumpToUserAgreement(){
|
||||
var that = this;
|
||||
uni.navigateTo({
|
||||
url:'../userAgreement/userAgreement'
|
||||
})
|
||||
},
|
||||
jumpToSystemIntroduce(){
|
||||
var that = this;
|
||||
uni.navigateTo({
|
||||
url:'../systemIntroduce/systemIntroduce'
|
||||
})
|
||||
},
|
||||
jumpToCompanyIntroduce(){
|
||||
var that = this;
|
||||
uni.navigateTo({
|
||||
url:'../companyIntroduce/companyIntroduce'
|
||||
})
|
||||
},
|
||||
jumpToSetNewMessage(){
|
||||
var that = this;
|
||||
uni.navigateTo({
|
||||
url:'../setNewMessage/setNewMessage'
|
||||
})
|
||||
},
|
||||
jumpToUs(){
|
||||
var that = this;
|
||||
uni.navigateTo({
|
||||
url:'../us/us'
|
||||
})
|
||||
}
|
||||
},
|
||||
onLoad() {
|
||||
var that = this;
|
||||
if(that.judgeLogin()){
|
||||
var userInfo=uni.getStorageSync('userInfo');
|
||||
// var userInfo = {};
|
||||
// userInfo.phone='15251711315';
|
||||
// userInfo.userId='00c37ea1-b5ff-4f35-ba15-51e1c7363e20';
|
||||
// userInfo.roleCode=2;
|
||||
that.roleName=userInfo.roleName;
|
||||
that.userId = userInfo.userId;
|
||||
that.phoneNum = userInfo.phone;
|
||||
that.roleCode= userInfo.roleCode;
|
||||
that.userName = userInfo.userName;
|
||||
if(that.userName!=null&&that.userName!=undefined&&that.userName!=''){
|
||||
that.showName=that.userName;
|
||||
}else{
|
||||
that.showName=that.userId.substring(0,15)+'...'
|
||||
}
|
||||
}
|
||||
},
|
||||
onShow() {
|
||||
var that = this;
|
||||
if(that.judgeLogin()){
|
||||
var userInfo=uni.getStorageSync('userInfo');
|
||||
if(that.roleCode!=userInfo.roleCode){
|
||||
that.roleName=userInfo.roleName;
|
||||
that.roleCode= userInfo.roleCode;
|
||||
}
|
||||
}
|
||||
},
|
||||
components:{
|
||||
personalModule
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style>
|
||||
@import url("me.css");
|
||||
</style>
|
||||
Reference in New Issue
Block a user