App/app-govern
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

个人中心切图

Browse Source
This commit is contained in:
仲么了
2023-01-13 16:32:56 +08:00
parent 36bcbab647
commit 25482cb612
41 changed files with 1090 additions and 75 deletions
Download Patch File Download Diff File Expand all files Collapse all files

52
pages/mine/about.vue Normal file
View File

@@ -0,0 +1,52 @@
<template>
<Cn-page :loading='loading'>
<view slot='body'>
<view class='about'>
<view class="logo"></view>
<view class="name">灿能云</view>
<view class="version">Version 1.0.0</view>
</view>
</view>
</Cn-page>
</template>
<script>
export default {
data () {
return {
loading: false
}
},
methods: {
}
}
</script>
<style lang='scss'>
.about {
box-sizing: border-box;
height: 100vh;
padding: 34rpx;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
.logo {
height: 120rpx;
width: 120rpx;
background: $uni-theme-blue;
}
.name {
margin-top: 80rpx;
font-size: 40rpx;
font-weight: 700;
color: #333;
}
.version {
margin-top: 20rpx;
font-size: 38rpx;
color: #333;
}
}
</style>

25
pages/mine/agreement.vue Normal file
View File

@@ -0,0 +1,25 @@
<template>
<Cn-page :loading='loading'>
<view slot='body'>
<view class='index'>
用户协议 。。。。
</view>
</view>
</Cn-page>
</template>
<script>
export default {
data () {
return {
loading: false
}
},
methods: {
}
}
</script>
<style lang='scss'>
.index {
padding: 34rpx;
}
</style>

25
pages/mine/company.vue Normal file
View File

@@ -0,0 +1,25 @@
<template>
<Cn-page :loading='loading'>
<view slot='body'>
<view class='index'>
公司介绍 。。。。
</view>
</view>
</Cn-page>
</template>
<script>
export default {
data () {
return {
loading: false
}
},
methods: {
}
}
</script>
<style lang='scss'>
.index {
padding: 34rpx;
}
</style>

28
pages/mine/message.vue Normal file
View File

@@ -0,0 +1,28 @@
<template>
<Cn-page :loading='loading'>
<view slot='body'>
<view class='index'>
<uni-list>
<uni-list-item title="登录成功" rightText="9-18" />
<uni-list-item title="登录成功" rightText="9-18" />
<uni-list-item title="登录成功" note="新用户" rightText="9-18" />
</uni-list>
<uni-load-more status="nomore"></uni-load-more>
</view>
</view>
</Cn-page>
</template>
<script>
export default {
data () {
return {
loading: false
}
},
methods: {
}
}
</script>
<style lang='scss'>
.index {}
</style>

25
pages/mine/policy.vue Normal file
View File

@@ -0,0 +1,25 @@
<template>
<Cn-page :loading='loading'>
<view slot='body'>
<view class='index'>
隐私政策
</view>
</view>
</Cn-page>
</template>
<script>
export default {
data () {
return {
loading: false
}
},
methods: {
}
}
</script>
<style lang='scss'>
.index {
padding: 34rpx;
}
</style>

40
pages/mine/setup.vue
View File

@@ -1,15 +1,34 @@
<template>
<view :loading="loading">
<view class="mine">
<view class="mine-nav" @click="jump('server')"
style="border-bottom: none; box-shadow: 0 4rpx 8rpx #e7e7e74c;">
<view class="mine-nav-label">客服</view>
<view class="mine-nav" @click="jump('changePhone')" style=" box-shadow: 0 4rpx 8rpx #e7e7e74c;">
<view class="mine-nav-label">更换手机号</view>
<uni-icons type="forward" color="#aaa" size="20"></uni-icons>
</view>
<view class="mine-nav" @click="jump('changePwd')" style="margin-top:20rpx;border-bottom: none; ">
<view class="mine-nav" @click="jump('changePwd')" style="border-bottom: none; ">
<view class="mine-nav-label">修改密码</view>
<uni-icons type="forward" color="#aaa" size="20"></uni-icons>
</view>
<view class="mine-nav" @click="jump('setupMessage')" style="margin-top:20rpx;border-bottom: none; ">
<view class="mine-nav-label">消息配置</view>
<uni-icons type="forward" color="#aaa" size="20"></uni-icons>
</view>
<view class="mine-nav" @click="jump('agreement')" style="margin-top:20rpx;">
<view class="mine-nav-label">用户协议</view>
<uni-icons type="forward" color="#aaa" size="20"></uni-icons>
</view>
<view class="mine-nav" @click="jump('system')">
<view class="mine-nav-label">系统介绍</view>
<uni-icons type="forward" color="#aaa" size="20"></uni-icons>
</view>
<view class="mine-nav" @click="jump('company')">
<view class="mine-nav-label">公司介绍</view>
<uni-icons type="forward" color="#aaa" size="20"></uni-icons>
</view>
<view class="mine-nav" @click="jump('about')" style="border-bottom: none; ">
<view class="mine-nav-label">关于我们</view>
<uni-icons type="forward" color="#aaa" size="20"></uni-icons>
</view>
<view class="mine-nav" @click="jump('layout')" style="margin-top:20rpx;border-bottom: none; ">
<view class="mine-nav-label" style="text-align:center">退出登录</view>
</view>
@@ -31,8 +50,19 @@ export default {
switch (type) {
case 'changePwd':
uni.navigateTo({
url: `/pages/login/changePwd`
url: `/pages/user/changePwd`
})
break;
case 'changePhone':
uni.navigateTo({
url: `/pages/user/changePhone`
})
break;
case 'layout':
uni.navigateTo({
url: `/pages/user/login`
})
break;
default:
uni.navigateTo({
url: `/pages/mine/${type}`

111
pages/mine/setupMessage.vue Normal file
View File

@@ -0,0 +1,111 @@
<template>
<view :loading="loading">
<view class="mine">
<view class="mine-nav" style="margin-top:20rpx;">
<view class="mine-nav-label">暂态消息</view>
<switch color="#376cf3" />
</view>
<view class="mine-nav">
<view class="mine-nav-label">稳态越限消息</view>
<switch color="#376cf3" />
</view>
<view class="mine-nav">
<view class="mine-nav-label">终端消息</view>
<switch color="#376cf3" />
</view>
<view class="mine-nav" style="border-bottom: none; ">
<view class="mine-nav-label">系统消息</view>
<switch color="#376cf3" />
</view>
</view>
</view>
</template>
<script>
export default {
data () {
return {
loading: false
}
},
methods: {
init () {
},
jump (type) {
switch (type) {
case 'changePwd':
uni.navigateTo({
url: `/pages/user/changePwd`
})
break;
case 'changePhone':
uni.navigateTo({
url: `/pages/user/changePhone`
})
break;
default:
uni.navigateTo({
url: `/pages/mine/${type}`
})
break;
}
}
},
onLoad () {
this.init()
},
}
</script>
<style lang="scss">
.mine {
.mine-header {
padding: 200rpx 34rpx 34rpx;
display: flex;
align-items: center;
background: $uni-theme-white;
margin-bottom: 20rpx;
box-shadow: 0 4rpx 8rpx #e7e7e74c;
.mine-header-head {
margin-right: 30rpx;
height: 128rpx;
width: 128rpx;
border-radius: $uni-theme-radius;
overflow: hidden;
}
.mine-header-name {
margin-right: 30rpx;
flex: 1;
font-size: 36rpx;
color: #111;
font-weight: 700;
}
}
.mine-nav {
padding: 34rpx;
display: flex;
align-items: center;
background: $uni-theme-white;
border-bottom: 1rpx solid #e8e8e8;
&-icon {
margin-right: 30rpx;
height: 44rpx;
width: 44rpx;
border-radius: $uni-theme-radius;
overflow: hidden;
}
&-label {
margin-right: 30rpx;
flex: 1;
font-size: 28rpx;
color: #111;
}
}
}
</style>

25
pages/mine/system.vue Normal file
View File

@@ -0,0 +1,25 @@
<template>
<Cn-page :loading='loading'>
<view slot='body'>
<view class='index'>
系统介绍 。。。。
</view>
</view>
</Cn-page>
</template>
<script>
export default {
data () {
return {
loading: false
}
},
methods: {
}
}
</script>
<style lang='scss'>
.index {
padding: 34rpx;
}
</style>

81
pages/mine/upgrade.vue Normal file
View File

@@ -0,0 +1,81 @@
<template>
<Cn-page :loading="loading">
<view slot="body">
<view class="index">
<uni-forms ref="form">
<uni-forms-item name="phone">
<uni-easyinput type="text" v-model="code" placeholder="请输入六位邀请码" />
</uni-forms-item>
</uni-forms>
<button type="default" class="submit-btn" @click="submit">提交</button>
</view>
</view>
</Cn-page>
</template>
<script>
export default {
name: "ChangePWd",
data () {
return {
loading: false,
code: '',
};
},
onLoad () {
},
methods: {
submit () {
uni.reLaunch({ url: '/pages/index/mine' })
},
}
};
</script>
<style lang="scss">
.index {
padding: 34rpx;
.submit-btn {
background: $uni-theme-blue;
color: #fff;
}
.login-box-tips {
margin-top: 60rpx;
display: flex;
justify-content: center;
font-size: 20rpx;
}
.login-box-input {
display: flex;
align-items: center;
border-bottom: 1rpx solid #f0f0f0;
.login-box-input-icon {
width: 40rpx;
margin-right: 40rpx;
}
.login-box-input-main {
font-size: 28rpx;
flex: 1;
height: 100rpx;
line-height: 100rpx;
}
.login-box-input-btn {
width: 200rpx;
margin-left: 40rpx;
background: $uni-theme-blue;
color: #fff;
}
.login-box-input-img {
margin-left: 40rpx;
background: skyblue;
height: 80rpx;
width: 200rpx;
}
}
}
</style>