Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
梁国权
gin-vue-admin
提交
f8f268ab
G
gin-vue-admin
项目概览
梁国权
/
gin-vue-admin
与 Fork 源项目一致
Fork自
FLIPPED-AURORA / gin-vue-admin
通知
2
Star
0
Fork
0
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
G
gin-vue-admin
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
提交
Issue看板
体验新版 GitCode,发现更多精彩内容 >>
提交
f8f268ab
编写于
11月 07, 2020
作者:
K
krank666
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
个人中心优化
上级
1a1ed2e4
变更
2
隐藏空白更改
内联
并排
Showing
2 changed file
with
125 addition
and
10 deletion
+125
-10
web/src/view/person/person.vue
web/src/view/person/person.vue
+124
-9
web/vue.config.js
web/vue.config.js
+1
-1
未找到文件。
web/src/view/person/person.vue
浏览文件 @
f8f268ab
<
template
>
<div>
<div
class=
"fl-left left-mg-xs"
>
<el-avatar
:size=
"120"
:src=
"userInfo.headerImg"
shape=
"square"
@
click.native=
"openChooseImg"
></el-avatar>
</div>
<div
class=
"fl-left left-mg-lg"
>
<div>
用户ID:
{{
userInfo
.
uuid
}}
</div>
<div>
用户昵称:
{{
userInfo
.
nickName
}}
</div>
<div>
用户组:
{{
userInfo
.
authority
&&
userInfo
.
authority
.
authorityName
}}
</div>
</div>
<el-row>
<el-col
:span=
"6"
>
<div
class=
"fl-left avatar-box"
>
<div
class=
"user-card"
>
<el-avatar
:size=
"160"
:src=
"userInfo.headerImg"
shape=
"square"
@
click.native=
"openChooseImg"
></el-avatar>
<div
class=
"user-personality"
>
<p
class=
"nickname"
>
{{
userInfo
.
nickName
}}
</p>
<p>
我是个性签名
</p>
</div>
<div
class=
"user-information"
>
<ul>
<li>
<i
class=
"el-icon-user"
></i>
资深前端工程师
</li>
<li>
<i
class=
"el-icon-data-analysis"
></i>
北京反转极光科技有限公司-技术部-前端事业群
</li>
<li>
<i
class=
"el-icon-video-camera-solid"
></i>
中国·北京市·朝阳区
</li>
<li>
<i
class=
"el-icon-medal-1"
></i>
goLang/JavaScript/Vue/Gorm
</li>
</ul>
</div>
</div>
</div>
</el-col>
<el-col
:span=
"18"
>
<div
class=
"user-addcount"
>
<el-tabs
v-model=
"activeName"
@
tab-click=
"handleClick"
>
<el-tab-pane
label=
"账号绑定"
name=
"second"
>
<ul>
<li>
<p
class=
"title"
>
密保手机
</p>
<p
class=
"desc"
>
已绑定手机:1245678910
<a
href=
"#"
>
立即修改
</a></p>
</li>
<li>
<p
class=
"title"
>
密保邮箱
</p>
<p
class=
"desc"
>
已绑定邮箱:gin-vue-admin@google.com.cn
<a
href=
"#"
>
立即修改
</a></p>
</li>
<li>
<p
class=
"title"
>
密保问题
</p>
<p
class=
"desc"
>
未设置密保问题
<a
href=
"#"
>
去设置
</a></p>
</li>
</ul>
</el-tab-pane>
</el-tabs>
</div>
</el-col>
</el-row>
<ChooseImg
ref=
"chooseImg"
@
enter-img=
"enterImg"
/>
<!--
<div>
用户ID:
{{
userInfo
.
uuid
}}
</div>
-->
<!--
<div>
用户昵称:
{{
userInfo
.
nickName
}}
</div>
-->
<!--
<div>
用户组:
{{
userInfo
.
authority
&&
userInfo
.
authority
.
authorityName
}}
</div>
-->
</div>
</
template
>
<
script
>
...
...
@@ -20,7 +67,9 @@ export default {
name
:
'
Person
'
,
data
(){
return
{
path
:
path
path
:
path
,
activeName
:
'
second
'
,
}
},
components
:
{
...
...
@@ -45,6 +94,9 @@ export default {
)
}
},
handleClick
(
tab
,
event
)
{
console
.
log
(
tab
,
event
);
}
}
}
</
script
>
...
...
@@ -72,4 +124,67 @@ export default {
height
:
178px
;
display
:
block
;
}
.avatar-box
{
box-shadow
:
-2px
0
20px
-16px
;
width
:
80%
;
height
:
100%
;
.user-card
{
min-height
:
calc
(
90vh
-
200px
);
padding
:
30px
20px
;
text-align
:
center
;
.el-avatar
{
border-radius
:
50%
;
}
.user-personality
{
padding
:
24px
0
;
text-align
:
center
;
p
{
font-size
:
16px
;
}
.nickname
{
font-size
:
26px
;
}
}
.user-information
{
width
:
100%
;
height
:
100%
;
text-align
:
left
;
ul
{
display
:
inline-block
;
height
:
100%
;
li
{
i
{
margin-right
:
8px
;
}
padding
:
20px
0
;
font-size
:
16px
;
font-weight
:
400
;
color
:
#606266
;
}
}
}
}
}
.user-addcount
{
ul
{
li
{
.title
{
padding
:
10px
;
font-size
:
18px
;
color
:
#696969
;
}
.desc
{
font-size
:
16px
;
padding
:
0
10px
20px
10px
;
color
:
#A9A9A9
;
a
{
color
:
rgb
(
64
,
158
,
255
);
float
:
right
;
}
}
border-bottom
:
2px
solid
#f0f2f5
;
}
}
}
</
style
>
\ No newline at end of file
web/vue.config.js
浏览文件 @
f8f268ab
...
...
@@ -23,7 +23,7 @@ module.exports = {
// 把key的路径代理到target位置
// detail: https://cli.vuejs.org/config/#devserver-proxy
[
process
.
env
.
VUE_APP_BASE_API
]:
{
//需要代理的路径 例如 '/api'
target
:
`http://1
27.0.0.1
:8888/`
,
//代理到 目标路径
target
:
`http://1
39.9.113.229
:8888/`
,
//代理到 目标路径
changeOrigin
:
true
,
pathRewrite
:
{
// 修改路径数据
[
'
^
'
+
process
.
env
.
VUE_APP_BASE_API
]:
''
// 举例 '^/api:""' 把路径中的/api字符串删除
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录