Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
绝世唐门三哥
Vue Manage System
提交
03a3ae4b
Vue Manage System
项目概览
绝世唐门三哥
/
Vue Manage System
通知
3
Star
0
Fork
0
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
Vue Manage System
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
提交
Issue看板
体验新版 GitCode,发现更多精彩内容 >>
提交
03a3ae4b
编写于
9月 10, 2018
作者:
L
lin_xin
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
修改登录页面
上级
aa051369
变更
3
显示空白变更内容
内联
并排
Showing
3 changed file
with
31 addition
and
19 deletion
+31
-19
src/components/page/Login.vue
src/components/page/Login.vue
+27
-15
src/router/index.js
src/router/index.js
+4
-4
static/img/login-bg.jpg
static/img/login-bg.jpg
+0
-0
未找到文件。
src/components/page/Login.vue
浏览文件 @
03a3ae4b
<
template
>
<div
class=
"login-wrap"
>
<div
class=
"ms-title"
>
后台管理系统
</div>
<div
class=
"ms-login"
>
<el-form
:model=
"ruleForm"
:rules=
"rules"
ref=
"ruleForm"
label-width=
"0px"
class=
"demo-ruleForm"
>
<div
class=
"ms-title"
>
后台管理系统
</div>
<el-form
:model=
"ruleForm"
:rules=
"rules"
ref=
"ruleForm"
label-width=
"0px"
class=
"ms-content"
>
<el-form-item
prop=
"username"
>
<el-input
v-model=
"ruleForm.username"
placeholder=
"username"
></el-input>
<el-input
v-model=
"ruleForm.username"
placeholder=
"username"
>
<el-button
slot=
"prepend"
icon=
"el-icon-lx-people"
></el-button>
</el-input>
</el-form-item>
<el-form-item
prop=
"password"
>
<el-input
type=
"password"
placeholder=
"password"
v-model=
"ruleForm.password"
@
keyup.enter.native=
"submitForm('ruleForm')"
></el-input>
<el-input
type=
"password"
placeholder=
"password"
v-model=
"ruleForm.password"
@
keyup.enter.native=
"submitForm('ruleForm')"
>
<el-button
slot=
"prepend"
icon=
"el-icon-lx-lock"
></el-button>
</el-input>
</el-form-item>
<div
class=
"login-btn"
>
<el-button
type=
"primary"
@
click=
"submitForm('ruleForm')"
>
登录
</el-button>
</div>
<p
style=
"font-size:12px;line-height:30px;color:#999;
"
>
Tips : 用户名和密码随便填。
</p>
<p
class=
"login-tips
"
>
Tips : 用户名和密码随便填。
</p>
</el-form>
</div>
</div>
...
...
@@ -57,27 +61,29 @@
position
:
relative
;
width
:
100%
;
height
:
100%
;
background-image
:
url(../../../static/img/login-bg.jpg)
;
background-size
:
100%
;
}
.ms-title
{
position
:
absolute
;
top
:
50%
;
width
:
100%
;
margin-top
:
-23
0px
;
line-height
:
5
0px
;
text-align
:
center
;
font-size
:
3
0px
;
font-size
:
2
0px
;
color
:
#fff
;
border-bottom
:
1px
solid
#ddd
;
}
.ms-login
{
position
:
absolute
;
left
:
50%
;
top
:
50%
;
width
:
300px
;
height
:
160px
;
margin
:
-150px
0
0
-190px
;
padding
:
40px
;
width
:
350px
;
margin
:
-190px
0
0
-175px
;
border-radius
:
5px
;
background
:
#fff
;
background
:
rgba
(
255
,
255
,
255
,
0.3
);
overflow
:
hidden
;
}
.ms-content
{
padding
:
30px
30px
;
}
.login-btn
{
text-align
:
center
;
...
...
@@ -85,5 +91,11 @@
.login-btn
button
{
width
:
100%
;
height
:
36px
;
margin-bottom
:
10px
;
}
.login-tips
{
font-size
:
12px
;
line-height
:
30px
;
color
:
#fff
;
}
</
style
>
\ No newline at end of file
src/router/index.js
浏览文件 @
03a3ae4b
...
...
@@ -84,16 +84,16 @@ export default new Router({
path
:
'
/403
'
,
component
:
resolve
=>
require
([
'
../components/page/403.vue
'
],
resolve
),
meta
:
{
title
:
'
403
'
}
},
{
path
:
'
*
'
,
redirect
:
'
/404
'
}
]
},
{
path
:
'
/login
'
,
component
:
resolve
=>
require
([
'
../components/page/Login.vue
'
],
resolve
)
},
{
path
:
'
*
'
,
redirect
:
'
/404
'
}
]
})
static/img/login-bg.jpg
0 → 100644
浏览文件 @
03a3ae4b
1.0 MB
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录