Skip to content

B
beyond-clouds-frontM
Commit d0ccdf01 by xuebiao
Options

个人中心，个人资料

parent 0a022637
Showing with 157 additions and 16 deletions
components/moblie/dataCard.vue
<template> <template>
<yun-div <yun-div
:width-v="704" :width-v="750"
:height-v="100"
:padding-v="[34,0,40]" :padding-v="[34,0,40]"
:margin-v="[0,'auto']" :margin-v="[0,'auto']"
bg-color-v="#fff"
:paddingV =[paddingL]
:extend-style="{boxSizing:'border-box'}"
:flex-v="['row','space-between','center']" :flex-v="['row','space-between','center']"
slot="card" slot="card"
> >
<yun-div <yun-div
:ske-w="50" :ske-w="120"
:font-style="[30,36,400,'black','left']" :font-style="[30,36,400,'black','left']"
> >
签名 {{title}}
</yun-div> </yun-div>
<yun-div <yun-div
:ske-w="100" :ske-w="100"
...@@ -22,7 +26,7 @@ ...@@ -22,7 +26,7 @@
:no-wrap="true" :no-wrap="true"
:extend-style="{maxWidth: commonReturnFlexedLength(450)}" :extend-style="{maxWidth: commonReturnFlexedLength(450)}"
> >
放什么 {{right}}
</yun-div> </yun-div>
<yun-img <yun-img
v-if="cardType===2" v-if="cardType===2"
...@@ -39,6 +43,27 @@ ...@@ -39,6 +43,27 @@
name="left_arrow" name="left_arrow"
></yun-icon> ></yun-icon>
</yun-div> </yun-div>
<!--修改信息弹出框-->
<yun-dialog
v-if="false"
title="添加备注"
:value="true"
:btns="slotDialog.btns"
>
<yun-div
:width-v="464"
:margin-v="[0,'auto']"
slot="header">
<yun-input
:width-v="464"
:height-v="72"
:border-v="[6]"
placeholder="输入新昵称"
:show-icon="false"
>
</yun-input>
</yun-div>
</yun-dialog>
</yun-div> </yun-div>
...@@ -55,7 +80,9 @@ ...@@ -55,7 +80,9 @@
cardType:{ cardType:{
default:1, default:1,
type:Number type:Number
} },
title:String,
right:String
} }
} }
......
components/moblie/userCardBig.vue
<template> <template>
<yun-div <yun-div
:width-v="704" :width-v="750"
:height-v="244" :height-v="314"
:margin-v="[0,'auto']" :margin-v="[0,'auto']"
:padding-v="[34,0,40]" :padding-v="[34,0,40]"
bg-color-v="#fff"
:paddingV =[paddingL]
:extend-style="{boxSizing:'border-box'}"
:flex-v="['column','space-between','flex-start']" :flex-v="['column','space-between','flex-start']"
slot="card" slot="card"
> >
......
dev-schedule__xb.md
...@@ -9,5 +9,5 @@ ...@@ -9,5 +9,5 @@
+ 搜索页 pages/search(3)✅ + 搜索页 pages/search(3)✅
*commonMixin里加入了通用的路由控制函数和路由对象(routesObject)注意不要单独写* *commonMixin里加入了通用的路由控制函数和路由对象(routesObject)注意不要单独写*
+ 个人中心 pages/personal-center/index.vue(4) + 个人中心 pages/personal-center/index.vue(4)✅
+ 搜索页 pages/personal-center/account.vue(4) + 个人资料页 pages/personal-center/account.vue(4)✅
pages/personal-center/account.vue
<template> <template>
<yun-div>
<yun-div <yun-div
:width-v="704"
:margin-v="[0,'auto']"
:border-v="[1,'solid','#EFEFEF','bottom']"></yun-div>
<yun-div>
<user-info :cardType="2" title="头像"></user-info>
<user-info title="昵称" right="GodLike"></user-info>
<user-info title="性别" right="男"></user-info>
<user-info title="生日"></user-info>
</yun-div>
<yun-div
:margin-v="[15,0,15,0]"
>
<user-info title="签名" right="武汉加油"></user-info>
</yun-div>
<yun-div>
<user-info title="微信"></user-info>
<user-info title="QQ号" right="1032945421"></user-info>
<user-info title="手机号"></user-info>
</yun-div>
<yun-div
:margin-v="[15,0,0,0]"
>
<user-info title="手机号"></user-info>
<user-info title="邮箱号"></user-info>
<user-info title="微信号"></user-info>
<user-info title="QQ号"></user-info>
<user-info title="钉钉号"></user-info>
</yun-div>
<yun-div
:margin-v="[15,0,15,0]"
> >
<user-info></user-info> <user-info title="修改密码"></user-info>
<user-info></user-info> </yun-div>
<user-info></user-info>
<user-info></user-info>
<user-info></user-info>
<user-info></user-info>
<yun-dialog <yun-dialog
v-if="false"
title="添加备注" title="添加备注"
:value="true" :value="true"
:btns="slotDialog.btns" :btns="slotDialog.btns"
...@@ -24,7 +52,6 @@ ...@@ -24,7 +52,6 @@
placeholder="输入新昵称" placeholder="输入新昵称"
:show-icon="false" :show-icon="false"
> >
</yun-input> </yun-input>
</yun-div> </yun-div>
</yun-dialog> </yun-dialog>
......
pages/personal-center/index.vue
<template>
<yun-div
:width-v="750"
:margin-v="[0,'auto']"
>
<user-card-big
></user-card-big>
<yun-div
:margin-v="[15,0,0,0]">
<data-card title="我的消息"></data-card>
</yun-div>
<yun-div
bg-color-v="white"
:margin-v="[15,0,0,0]">
<data-card title="我的喜欢"></data-card>
<yun-div
:width-v="704"
:margin-v="[0,'auto']"
:border-v="[1,'solid','#EFEFEF','bottom']"></yun-div>
<data-card title="我的收藏"></data-card>
</yun-div>
<yun-div
bg-color-v="white"
:margin-v="[15,0,0,0]">
<data-card title="我的项目"></data-card>
<yun-div
:width-v="704"
:margin-v="[0,'auto']"
:border-v="[1,'solid','#EFEFEF','bottom']"></yun-div>
<data-card title="我的博客"></data-card>
<yun-div
:width-v="704"
:margin-v="[0,'auto']"
:border-v="[1,'solid','#EFEFEF','bottom']"></yun-div>
<data-card title="我的提问"></data-card>
<yun-div
:width-v="704"
:margin-v="[0,'auto']"
:border-v="[1,'solid','#EFEFEF','bottom']"></yun-div>
<data-card title="我的回答"></data-card>
<yun-div
:width-v="704"
:margin-v="[0,'auto']"
:border-v="[1,'solid','#EFEFEF','bottom']"></yun-div>
<data-card title="我的动态"></data-card>
<yun-div
:width-v="704"
:margin-v="[0,'auto']"
:border-v="[1,'solid','#EFEFEF','bottom']"></yun-div>
<data-card title="我创建的话题"></data-card>
</yun-div>
<yun-div
:margin-v="[15,0,0,0]"
>
<data-card title="APP下载"></data-card>
</yun-div>
<yun-div
:width-v="750"
:height-v="100"
bg-color-v="#fff"
:flex-v="['row','center','center']"
:margin-v="[15,0,15,0]"
:ske-w="120"
:font-style="[30,30,400,'#75D098','center']"
>
安全退出
</yun-div>
</yun-div>
</template>
<script>
import userCardBig from '../../components/moblie/userCardBig'
import dataCard from '../../components/moblie/dataCard'
export default {
components:{
userCardBig,dataCard
}
}
</script>
pages/search.vue
...@@ -44,6 +44,7 @@ ...@@ -44,6 +44,7 @@
<yun-icon <yun-icon
:size="15" :size="15"
name="close1" name="close1"
style="width:auto;height: auto;"
color="#00AAE6" color="#00AAE6"
></yun-icon> ></yun-icon>
</yun-div> </yun-div>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment