From 78d4d41c85f5341bb5dfd2a1cbb6e60d6858b084 Mon Sep 17 00:00:00 2001 From: chen-xt <1250548605@qq.com> Date: Sun, 15 Nov 2020 12:47:59 +0800 Subject: [PATCH] feat: add account center page (#86) --- mock/demo/account.ts | 2 +- src/assets/images/demo.png | Bin 0 -> 17376 bytes src/router/menus/modules/demo/page.ts | 11 ++ src/router/routes/modules/demo/page.ts | 8 + .../demo/page/account/center/Application.vue | 93 +++++++++++ .../demo/page/account/center/Article.vue | 90 +++++++++++ .../demo/page/account/center/Project.vue | 69 ++++++++ src/views/demo/page/account/center/data.tsx | 133 ++++++++++++++++ src/views/demo/page/account/center/index.vue | 149 ++++++++++++++++++ .../demo/page/account/setting/AccountBind.vue | 2 +- .../demo/page/account/setting/MsgNotify.vue | 2 +- .../page/account/setting/SecureSetting.vue | 2 +- 12 files changed, 557 insertions(+), 4 deletions(-) create mode 100644 src/assets/images/demo.png create mode 100644 src/views/demo/page/account/center/Application.vue create mode 100644 src/views/demo/page/account/center/Article.vue create mode 100644 src/views/demo/page/account/center/Project.vue create mode 100644 src/views/demo/page/account/center/data.tsx create mode 100644 src/views/demo/page/account/center/index.vue diff --git a/mock/demo/account.ts b/mock/demo/account.ts index 40dc7af0..3c7d1fda 100644 --- a/mock/demo/account.ts +++ b/mock/demo/account.ts @@ -2,7 +2,7 @@ import { MockMethod } from 'vite-plugin-mock'; import { resultSuccess } from '../_util'; const userInfo = { - name: 'Serati Ma', + name: 'Vben', userid: '00000001', email: 'antdesign@alipay.com', signature: '海纳百川，有容乃大', diff --git a/src/assets/images/demo.png b/src/assets/images/demo.png new file mode 100644 index 0000000000000000000000000000000000000000..0687c7bd8a72885ec943c79047cdf75fe054dd81 GIT binary patch literal 17376 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 z1VIo4K@i0E_TWGO0000$kiYc`15^M200000000000000000000000000PqF$_(zG5 SSGD>80000 import('/@/views/demo/page/account/center/index.vue'), + meta: { + title: '个人中心', + }, + }, { path: 'setting', name: 'AccountSettingPage', diff --git a/src/views/demo/page/account/center/Application.vue b/src/views/demo/page/account/center/Application.vue new file mode 100644 index 00000000..d9c3496f --- /dev/null +++ b/src/views/demo/page/account/center/Application.vue @@ -0,0 +1,93 @@ + + + diff --git a/src/views/demo/page/account/center/Article.vue b/src/views/demo/page/account/center/Article.vue new file mode 100644 index 00000000..89d53558 --- /dev/null +++ b/src/views/demo/page/account/center/Article.vue @@ -0,0 +1,90 @@ + + + diff --git a/src/views/demo/page/account/center/Project.vue b/src/views/demo/page/account/center/Project.vue new file mode 100644 index 00000000..223368ab --- /dev/null +++ b/src/views/demo/page/account/center/Project.vue @@ -0,0 +1,69 @@ + + + diff --git a/src/views/demo/page/account/center/data.tsx b/src/views/demo/page/account/center/data.tsx new file mode 100644 index 00000000..e071492d --- /dev/null +++ b/src/views/demo/page/account/center/data.tsx @@ -0,0 +1,133 @@ +export interface ListItem { + title: string; + icon: string; + color?: string; +} + +export interface TabItem { + key: string; + name: string; + component: string; +} + +export const tags: string[] = [ + '很有想法的', + '专注设计', + '川妹子', + '大长腿', + '海纳百川', + '前端开发', + 'vue3', +]; + +export const teams: ListItem[] = [ + { + icon: 'ant-design:alipay-circle-outlined', + title: '科学搬砖组', + color: '#ff4000', + }, + { + icon: 'emojione-monotone:letter-a', + title: '中二少年团', + color: '#7c51b8', + }, + { + icon: 'ant-design:alipay-circle-outlined', + title: '高逼格设计', + color: '#00adf7', + }, + { + icon: 'ant-design:codepen-circle-filled', + title: '程序员日常', + color: '#00adf7', + }, + { + icon: 'ant-design:dribbble-circle-filled', + title: '科学搬砖组', + color: '#ff4000', + }, + { + icon: 'ant-design:behance-square-filled', + title: '程序员日常', + color: '#7c51b8', + }, +]; + +export const details: ListItem[] = [ + { + icon: 'ant-design:contacts-outlined', + title: '交互专家', + }, + { + icon: 'ant-design:cluster-outlined', + title: '蚂蚁金服－某某某事业群', + }, + { + icon: 'ant-design:home-outlined', + title: '福建省厦门市', + }, +]; + +export const achieveList: TabItem[] = [ + { + key: '1', + name: '文章', + component: 'Article', + }, + { + key: '2', + name: '应用', + component: 'Application', + }, + { + key: '3', + name: '项目', + component: 'Project', + }, +]; + +export const actions: any[] = [ + { icon: 'ant-design:star-outlined', text: '156', color: '#018ffb' }, + { icon: 'ant-design:like-filled', text: '156', color: '#459ae8' }, + { icon: 'ant-design:message-filled', text: '2', color: '#42d27d' }, +]; + +export const articleList = (() => { + const result: any[] = []; + for (let i = 0; i < 4; i++) { + result.push({ + title: 'Ant Design', + description: ['Ant Design', '设计语言', '蚂蚁金服'], + content: + '段落示意：蚂蚁金服设计平台 ant.design，用最小的工作量，无缝接入蚂蚁金服生态，提供跨越设计与开发的体验解决方案。蚂蚁金服设计平台 ant.design，用最小的工作量，无缝接入蚂蚁金服生态，提供跨越设计与开发的体验解决方案', + time: '2020-11-14 11:20', + }); + } + return result; +})(); + +export const applicationList = (() => { + const result: any[] = []; + for (let i = 0; i < 8; i++) { + result.push({ + title: 'Ant Design', + icon: 'emojione-monotone:letter-a', + color: '#7c51b8', + active: '100', + new: '1,799', + download: 'bx:bx-download', + }); + } + return result; +})(); + +export const projectList = (() => { + const result: any[] = []; + for (let i = 0; i < 8; i++) { + result.push({ + title: 'Angular', + content: '那是一种内在的东西， 他们到达不了，', + }); + } + return result; +})(); diff --git a/src/views/demo/page/account/center/index.vue b/src/views/demo/page/account/center/index.vue new file mode 100644 index 00000000..24ca27f6 --- /dev/null +++ b/src/views/demo/page/account/center/index.vue @@ -0,0 +1,149 @@ + + + + diff --git a/src/views/demo/page/account/setting/AccountBind.vue b/src/views/demo/page/account/setting/AccountBind.vue index 61441012..481ebbf4 100644 --- a/src/views/demo/page/account/setting/AccountBind.vue +++ b/src/views/demo/page/account/setting/AccountBind.vue @@ -22,7 +22,7 @@