Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
啊嘞嘞EC
vue-vben-admin
提交
9f8796ee
V
vue-vben-admin
项目概览
啊嘞嘞EC
/
vue-vben-admin
与 Fork 源项目一致
从无法访问的项目Fork
通知
1
Star
0
Fork
0
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
DevOps
流水线
流水线任务
计划
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
V
vue-vben-admin
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
DevOps
DevOps
流水线
流水线任务
计划
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
流水线任务
提交
Issue看板
前往新版Gitcode,体验更适合开发者的 AI 搜索 >>
提交
9f8796ee
编写于
11月 17, 2020
作者:
C
chen-xt
提交者:
GitHub
11月 17, 2020
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
fix: update account page demo (#92)
上级
7a000366
变更
8
隐藏空白更改
内联
并排
Showing
8 changed file
with
51 addition
and
22 deletion
+51
-22
src/assets/images/demo.png
src/assets/images/demo.png
+0
-0
src/views/demo/page/account/center/Application.vue
src/views/demo/page/account/center/Application.vue
+1
-3
src/views/demo/page/account/center/Article.vue
src/views/demo/page/account/center/Article.vue
+2
-1
src/views/demo/page/account/center/Project.vue
src/views/demo/page/account/center/Project.vue
+2
-3
src/views/demo/page/account/center/data.tsx
src/views/demo/page/account/center/data.tsx
+6
-6
src/views/demo/page/account/center/index.vue
src/views/demo/page/account/center/index.vue
+2
-4
src/views/demo/page/account/setting/BaseSetting.vue
src/views/demo/page/account/setting/BaseSetting.vue
+31
-3
src/views/demo/page/account/setting/index.vue
src/views/demo/page/account/setting/index.vue
+7
-2
未找到文件。
src/assets/images/demo.png
查看替换文件 @
7a000366
浏览文件 @
9f8796ee
17.0 KB
|
W:
|
H:
32.6 KB
|
W:
|
H:
2-up
Swipe
Onion skin
src/views/demo/page/account/center/Application.vue
浏览文件 @
9f8796ee
...
@@ -29,7 +29,7 @@
...
@@ -29,7 +29,7 @@
</template>
</template>
<
script
lang=
"ts"
>
<
script
lang=
"ts"
>
import
{
defineComponent
}
from
'
vue
'
;
import
{
defineComponent
}
from
'
vue
'
;
import
{
List
,
Card
,
Row
,
Col
}
from
'
ant-design-vue
'
;
import
{
List
,
Card
}
from
'
ant-design-vue
'
;
import
Icon
from
'
/@/components/Icon/index
'
;
import
Icon
from
'
/@/components/Icon/index
'
;
import
{
applicationList
}
from
'
./data
'
;
import
{
applicationList
}
from
'
./data
'
;
...
@@ -38,8 +38,6 @@
...
@@ -38,8 +38,6 @@
List
,
List
,
ListItem
:
List
.
Item
,
ListItem
:
List
.
Item
,
Card
,
Card
,
Row
,
Col
,
Icon
,
Icon
,
},
},
setup
()
{
setup
()
{
...
...
src/views/demo/page/account/center/Article.vue
浏览文件 @
9f8796ee
...
@@ -72,7 +72,8 @@
...
@@ -72,7 +72,8 @@
padding: 0 16px;
padding: 0 16px;
color: rgba(0, 0, 0, 0.45);
color: rgba(0, 0, 0, 0.45);
&:not(:last-child) {
&:nth-child(1),
&:nth-child(2) {
border-right: 1px solid rgba(206, 206, 206, 0.4);
border-right: 1px solid rgba(206, 206, 206, 0.4);
}
}
...
...
src/views/demo/page/account/center/Project.vue
浏览文件 @
9f8796ee
...
@@ -19,7 +19,7 @@
...
@@ -19,7 +19,7 @@
</template>
</template>
<
script
lang=
"ts"
>
<
script
lang=
"ts"
>
import
{
defineComponent
}
from
'
vue
'
;
import
{
defineComponent
}
from
'
vue
'
;
import
{
List
,
Card
,
Row
,
Col
}
from
'
ant-design-vue
'
;
import
{
List
,
Card
}
from
'
ant-design-vue
'
;
import
demoImg
from
'
/@/assets/images/demo.png
'
;
import
demoImg
from
'
/@/assets/images/demo.png
'
;
import
{
projectList
}
from
'
./data
'
;
import
{
projectList
}
from
'
./data
'
;
...
@@ -28,8 +28,6 @@
...
@@ -28,8 +28,6 @@
List
,
List
,
ListItem
:
List
.
Item
,
ListItem
:
List
.
Item
,
Card
,
Card
,
Row
,
Col
,
},
},
setup
()
{
setup
()
{
return
{
return
{
...
@@ -51,6 +49,7 @@
...
@@ -51,6 +49,7 @@
img {
img {
width: 100%;
width: 100%;
height: 130px;
}
}
&-title {
&-title {
...
...
src/views/demo/page/account/center/data.tsx
浏览文件 @
9f8796ee
...
@@ -42,14 +42,14 @@ export const teams: ListItem[] = [
...
@@ -42,14 +42,14 @@ export const teams: ListItem[] = [
color
:
'
#00adf7
'
,
color
:
'
#00adf7
'
,
},
},
{
{
icon
:
'
ant-design:
dribbble-circl
e-filled
'
,
icon
:
'
ant-design:
behance-squar
e-filled
'
,
title
:
'
科学搬砖组
'
,
title
:
'
科学搬砖组
'
,
color
:
'
#
ff4000
'
,
color
:
'
#
7c51b8
'
,
},
},
{
{
icon
:
'
ant-design:
behance-squar
e-filled
'
,
icon
:
'
ant-design:
dribbble-circl
e-filled
'
,
title
:
'
程序员日常
'
,
title
:
'
程序员日常
'
,
color
:
'
#
7c51b8
'
,
color
:
'
#
ff4000
'
,
},
},
];
];
...
@@ -124,8 +124,8 @@ export const projectList = (() => {
...
@@ -124,8 +124,8 @@ export const projectList = (() => {
const
result
:
any
[]
=
[];
const
result
:
any
[]
=
[];
for
(
let
i
=
0
;
i
<
8
;
i
++
)
{
for
(
let
i
=
0
;
i
<
8
;
i
++
)
{
result
.
push
({
result
.
push
({
title
:
'
Angular
'
,
title
:
'
Vben Admin
'
,
content
:
'
那是一种内在的东西, 他们到达不了,
'
,
content
:
'
基于Vue Next, TypeScript, Ant Design实现的一套完整的企业级后台管理系统。
'
,
});
});
}
}
return
result
;
return
result
;
...
...
src/views/demo/page/account/center/index.vue
浏览文件 @
9f8796ee
...
@@ -51,7 +51,7 @@
...
@@ -51,7 +51,7 @@
</template>
</template>
<
script
lang=
"ts"
>
<
script
lang=
"ts"
>
import
{
Row
,
Col
,
Tag
,
Tabs
}
from
'
ant-design-vue
'
;
import
{
Tag
,
Tabs
}
from
'
ant-design-vue
'
;
import
{
defineComponent
}
from
'
vue
'
;
import
{
defineComponent
}
from
'
vue
'
;
import
{
CollapseContainer
}
from
'
/@/components/Container/index
'
;
import
{
CollapseContainer
}
from
'
/@/components/Container/index
'
;
import
Icon
from
'
/@/components/Icon/index
'
;
import
Icon
from
'
/@/components/Icon/index
'
;
...
@@ -66,8 +66,6 @@
...
@@ -66,8 +66,6 @@
components
:
{
components
:
{
CollapseContainer
,
CollapseContainer
,
Icon
,
Icon
,
Row
,
Col
,
Tag
,
Tag
,
Tabs
,
Tabs
,
TabPane
:
Tabs
.
TabPane
,
TabPane
:
Tabs
.
TabPane
,
...
@@ -130,7 +128,7 @@
...
@@ -130,7 +128,7 @@
&__team {
&__team {
&-item {
&-item {
display: inline-block;
display: inline-block;
padding: 4px
18
px;
padding: 4px
24
px;
}
}
span {
span {
...
...
src/views/demo/page/account/setting/BaseSetting.vue
浏览文件 @
9f8796ee
<
template
>
<
template
>
<CollapseContainer
title=
"基本设置"
:canExpan=
"false"
>
<CollapseContainer
title=
"基本设置"
:canExpan=
"false"
>
<BasicForm
@
register=
"register"
/>
<a-row
:gutter=
"24"
>
<a-col
:span=
"14"
>
<BasicForm
@
register=
"register"
/>
</a-col>
<a-col
:span=
"10"
>
<div
class=
"change-avatar"
>
<div
class=
"mb-2"
>
头像
</div>
<img
width=
"140"
:src=
"headerImg"
/>
<Upload
:showUploadList=
"false"
>
<Button
type=
"ghost"
class=
"ml-5"
>
<Icon
icon=
"ant-design:upload-outlined"
/>
更换头像
</Button>
</Upload>
</div>
</a-col>
</a-row>
<Button
type=
"primary"
@
click=
"handleSubmit"
>
更新基本信息
</Button>
<Button
type=
"primary"
@
click=
"handleSubmit"
>
更新基本信息
</Button>
</CollapseContainer>
</CollapseContainer>
</
template
>
</
template
>
<
script
lang=
"ts"
>
<
script
lang=
"ts"
>
import
{
Button
}
from
'
ant-design-vue
'
;
import
{
Button
,
Upload
}
from
'
ant-design-vue
'
;
import
{
defineComponent
,
onMounted
}
from
'
vue
'
;
import
{
defineComponent
,
onMounted
}
from
'
vue
'
;
import
{
BasicForm
,
useForm
}
from
'
/@/components/Form/index
'
;
import
{
BasicForm
,
useForm
}
from
'
/@/components/Form/index
'
;
import
{
CollapseContainer
}
from
'
/@/components/Container/index
'
;
import
{
CollapseContainer
}
from
'
/@/components/Container/index
'
;
import
Icon
from
'
/@/components/Icon/index
'
;
import
{
useMessage
}
from
'
/@/hooks/web/useMessage
'
;
import
{
useMessage
}
from
'
/@/hooks/web/useMessage
'
;
import
headerImg
from
'
/@/assets/images/header.jpg
'
;
import
{
accountInfoApi
}
from
'
/@/api/demo/account
'
;
import
{
accountInfoApi
}
from
'
/@/api/demo/account
'
;
import
{
baseSetschemas
}
from
'
./data
'
;
import
{
baseSetschemas
}
from
'
./data
'
;
export
default
defineComponent
({
export
default
defineComponent
({
components
:
{
BasicForm
,
CollapseContainer
,
Button
},
components
:
{
BasicForm
,
CollapseContainer
,
Button
,
Upload
,
Icon
},
setup
()
{
setup
()
{
const
{
createMessage
}
=
useMessage
();
const
{
createMessage
}
=
useMessage
();
...
@@ -32,6 +49,7 @@
...
@@ -32,6 +49,7 @@
});
});
return
{
return
{
headerImg
,
register
,
register
,
handleSubmit
:
()
=>
{
handleSubmit
:
()
=>
{
createMessage
.
success
(
'
更新成功!
'
);
createMessage
.
success
(
'
更新成功!
'
);
...
@@ -40,3 +58,13 @@
...
@@ -40,3 +58,13 @@
},
},
});
});
</
script
>
</
script
>
<
style
lang=
"less"
scoped
>
.change-avatar {
img {
display: block;
margin-bottom: 15px;
border-radius: 50%;
}
}
</
style
>
src/views/demo/page/account/setting/index.vue
浏览文件 @
9f8796ee
<
template
>
<
template
>
<ScrollContainer>
<ScrollContainer>
<div
ref=
"wrapperRef"
class=
"m-4 account"
>
<div
ref=
"wrapperRef"
class=
"m-4 account"
>
<Tabs
tab-position=
"left"
>
<Tabs
tab-position=
"left"
:tabBarStyle=
"tabBarStyle"
>
<template
v-for=
"item in settingList"
:key=
"item.key"
>
<template
v-for=
"item in settingList"
:key=
"item.key"
>
<TabPane
:tab=
"item.name"
>
<TabPane
:tab=
"item.name"
>
<component
:is=
"item.component"
/>
<component
:is=
"item.component"
/>
...
@@ -35,7 +35,12 @@
...
@@ -35,7 +35,12 @@
MsgNotify
,
MsgNotify
,
},
},
setup
()
{
setup
()
{
return
{
settingList
};
return
{
settingList
,
tabBarStyle
:
{
width
:
'
220px
'
,
},
};
},
},
});
});
</
script
>
</
script
>
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录