- 
-
-
-
-
-
-
-
- 语言详情
-
- Vue
-
+
+
+
+
+
+
+
+
+ 语言详情
+
+ Vue
+
-
+
1234
用户访问量
@@ -47,7 +43,7 @@
-
+
321
系统消息
@@ -58,7 +54,7 @@
-
+
+
- 表单
+ 表单
markdown编辑器
diff --git a/src/components/page/Permission.vue b/src/components/page/Permission.vue
index 746b8b4..f18c614 100644
--- a/src/components/page/Permission.vue
+++ b/src/components/page/Permission.vue
@@ -2,7 +2,7 @@
- 权限测试
+ 权限测试
5000
数量
@@ -67,7 +63,7 @@
-
待办事项
添加
@@ -91,20 +87,32 @@
-
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/components/page/Login.vue b/src/components/page/Login.vue
index 9a25553..35d1d42 100644
--- a/src/components/page/Login.vue
+++ b/src/components/page/Login.vue
@@ -1,18 +1,22 @@
-
@@ -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: -230px;
+ line-height: 50px;
text-align: center;
- font-size:30px;
+ font-size:20px;
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;
}
\ No newline at end of file
diff --git a/src/components/page/Markdown.vue b/src/components/page/Markdown.vue
index 1115b2b..464e24f 100644
--- a/src/components/page/Markdown.vue
+++ b/src/components/page/Markdown.vue
@@ -2,7 +2,7 @@
后台管理系统
-
+
-
+
-
+
登录
-
后台管理系统
+ Tips : 用户名和密码随便填。
+Tips : 用户名和密码随便填。
diff --git a/src/components/page/Tabs.vue b/src/components/page/Tabs.vue
index 624dede..03b3dd0 100644
--- a/src/components/page/Tabs.vue
+++ b/src/components/page/Tabs.vue
@@ -2,7 +2,7 @@
- tab选项卡
+ tab选项卡
diff --git a/src/components/page/Upload.vue b/src/components/page/Upload.vue
index 56f425c..9d48d12 100644
--- a/src/components/page/Upload.vue
+++ b/src/components/page/Upload.vue
@@ -2,7 +2,7 @@
- 表单
+ 表单
图片上传
diff --git a/src/components/page/VueEditor.vue b/src/components/page/VueEditor.vue
index d850617..ef92179 100644
--- a/src/components/page/VueEditor.vue
+++ b/src/components/page/VueEditor.vue
@@ -2,7 +2,7 @@
- 表单
+ 表单
编辑器
diff --git a/src/router/index.js b/src/router/index.js
index b7a3f71..74bc738 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -19,6 +19,11 @@ export default new Router({
component: resolve => require(['../components/page/Dashboard.vue'], resolve),
meta: { title: '系统首页' }
},
+ {
+ path: '/icon',
+ component: resolve => require(['../components/page/Icon.vue'], resolve),
+ meta: { title: '自定义图标' }
+ },
{
path: '/table',
component: resolve => require(['../components/page/BaseTable.vue'], resolve),
@@ -69,6 +74,16 @@ export default new Router({
path: '/permission',
component: resolve => require(['../components/page/Permission.vue'], resolve),
meta: { title: '权限测试', permission: true }
+ },
+ {
+ path: '/404',
+ component: resolve => require(['../components/page/404.vue'], resolve),
+ meta: { title: '404' }
+ },
+ {
+ path: '/403',
+ component: resolve => require(['../components/page/403.vue'], resolve),
+ meta: { title: '403' }
}
]
},
@@ -76,14 +91,6 @@ export default new Router({
path: '/login',
component: resolve => require(['../components/page/Login.vue'], resolve)
},
- {
- path: '/404',
- component: resolve => require(['../components/page/404.vue'], resolve)
- },
- {
- path: '/403',
- component: resolve => require(['../components/page/403.vue'], resolve)
- },
{
path: '*',
redirect: '/404'
diff --git a/static/css/main.css b/static/css/main.css
index 3ae9fa6..a1b97f6 100644
--- a/static/css/main.css
+++ b/static/css/main.css
@@ -19,6 +19,9 @@ body {
a {
text-decoration: none
}
+[class*=" el-icon-lx"], [class^=el-icon-lx] {
+ font-family: lx-iconfont!important;
+}
.content-box {
position: absolute;
@@ -26,6 +29,7 @@ a {
right: 0;
top: 70px;
bottom: 0;
+ padding-bottom: 30px;
-webkit-transition: left .3s ease-in-out;
transition: left .3s ease-in-out;
background: #f0f0f0;
@@ -34,7 +38,7 @@ a {
.content {
width: auto;
height: 100%;
- padding: 40px;
+ padding: 10px;
overflow-y: scroll;
box-sizing: border-box;
}
@@ -51,7 +55,7 @@ a {
}
.crumbs {
- margin-bottom: 20px;
+ margin: 10px 0;
}
.pagination {
diff --git a/static/img/login-bg.jpg b/static/img/login-bg.jpg
new file mode 100644
index 0000000..c7e9efa
Binary files /dev/null and b/static/img/login-bg.jpg differ