From 67e0b88a92c9cd9eaff19e83537e6ebe0b5ed2da Mon Sep 17 00:00:00 2001 From: liyang <1711467488@qq.com> Date: Mon, 4 Jun 2018 08:37:37 +0800 Subject: [PATCH 01/78] no message Former-commit-id: c14b03309fa0c27239185fc57599c3a760fbfe65 Former-commit-id: 0fa8112aeb693c98edfc67a75831b350cf40930e Former-commit-id: b27418317f332cd76de22359ee8e1b2df40549c2 --- docs/.vuepress/config.js | 4 ++-- docs/README.md | 8 +++----- docs/zh/README.md | 6 ++---- 3 files changed, 7 insertions(+), 11 deletions(-) diff --git a/docs/.vuepress/config.js b/docs/.vuepress/config.js index 071e74dd..71567a40 100644 --- a/docs/.vuepress/config.js +++ b/docs/.vuepress/config.js @@ -4,12 +4,12 @@ module.exports = { '/': { lang: 'en-US', title: 'D2 Admin', - description: 'An elegant template for management system' + description: 'Elegant management system front-end integration' }, '/zh/': { lang: 'zh-CN', title: 'D2 Admin', - description: '做一个优雅的管理系统模板' + description: '优雅的管理系统前端集成方案' } }, themeConfig: { diff --git a/docs/README.md b/docs/README.md index 429cf782..539d9be0 100644 --- a/docs/README.md +++ b/docs/README.md @@ -4,10 +4,10 @@ heroImage: /logo@2x.png actionText: Get Started → actionLink: /zh/guide/ features: -- title: Advocate succinct - details: On the visual basis of element UI, we have added some customization. - title: Vue-Powered details: Enjoy the dev experience of Vue + webpack, Ultra fast virtual DOM and the most economical optimization. +- title: Rich integration + details: The plug-ins and components that are likely to be used are ready for you. Some come from third parties, others are designed for d2admin. - title: ElementUI component library details: Integrated and robust ElementUI, and use any ElementUI component at will. footer: MIT Licensed | Copyright © 2018-present FairyEver @@ -15,11 +15,9 @@ footer: MIT Licensed | Copyright © 2018-present FairyEver **The English document will be launched in the future. Please move to the Chinese document.** -**英文文档会在稍后推出,现请移步右上角中文文档** +**英文文档会在中文文档大致完成后推出,现请移步中文文档** ``` -// chone -git clone https://github.com/FairyEver/d2admin-vue-element.git // install package npm i // run diff --git a/docs/zh/README.md b/docs/zh/README.md index 2b69474c..50bd2b84 100644 --- a/docs/zh/README.md +++ b/docs/zh/README.md @@ -4,18 +4,16 @@ heroImage: /logo@2x.png actionText: 快速上手 → actionLink: /zh/guide/ features: -- title: 简洁至上 - details: 在 element UI 的视觉基础上稍加定制。 - title: Vue驱动 details: 享受 Vue + webpack 的开发体验,超快虚拟 DOM 和最省心的优化。 +- title: 丰富集成 + details: 已经为你准备好了很可能用到的插件和组件,有的来自第三方,有的专为 d2admin 设计。 - title: ElementUI组件库 details: 集成完善且强大的 ElementUI,随意搭配使用任何 ElementUI 组件。 footer: MIT Licensed | Copyright © 2018-present FairyEver --- ``` -// 克隆仓库 -git clone https://github.com/FairyEver/d2admin-vue-element.git // 安装依赖 npm i // 运行 From c21ea18342b4b2004a58ae3b1f2195268a25a131 Mon Sep 17 00:00:00 2001 From: liyang <1711467488@qq.com> Date: Mon, 4 Jun 2018 09:24:44 +0800 Subject: [PATCH 02/78] no message Former-commit-id: 8c0367d8dc40cee3a792ab70b714f848ae7bfd7f Former-commit-id: c36d70b53d2e633b9c26c7d38a9b48aa8d09dc86 Former-commit-id: ba058de12ab0bd00dfc5f2b549699df5f72c08aa --- src/assets/style/theme/classic.scss | 51 +++++++++---------- .../MainLayout/components/SideMenu/index.vue | 7 --- 2 files changed, 25 insertions(+), 33 deletions(-) diff --git a/src/assets/style/theme/classic.scss b/src/assets/style/theme/classic.scss index f1631be3..87dc0abd 100644 --- a/src/assets/style/theme/classic.scss +++ b/src/assets/style/theme/classic.scss @@ -1,22 +1,23 @@ @import '~@/assets/style/public.scss'; +$theme-color: #EFF4F8; + // 默认主题 .layout-main { &.classic { height: 100vh; width: 100vw; - background-color: #EFF4F8; - // [全局设置] - // 关闭所有卡片的阴影 + background-color: $theme-color; .el-card { box-shadow: none; &:hover { box-shadow: 0 0 8px 0 rgba(232,237,250,.6), 0 2px 4px 0 rgba(232,237,250,.5); } } - // [布局] + // [布局] 顶栏 .el-header { padding: 0px; + // logo区域 .logo-group { transition: width .3s; float: left; @@ -25,6 +26,7 @@ height: 60px; } } + // 折叠侧边栏切换按钮 .toggle-sidemenu-btn { float: left; height: 60px; @@ -43,14 +45,14 @@ } } } - // 顶栏菜单 + // [菜单] 顶栏 .el-menu { float: left; border-bottom: none; background-color: transparent; .el-menu-item { border-bottom: none; - border-top: 2px solid #EFF4F8; + border-top: 2px solid transparent; &:hover { background-color: transparent; } @@ -76,12 +78,13 @@ } } } - // 顶栏下面 + // [布局] 顶栏下面 .el-container { // 侧边栏 .el-aside { transition: width .3s; overflow: inherit; + // 空菜单 .dd-side-menu-empty { background-color: rgba(#000, .03); margin: $margin; @@ -91,33 +94,29 @@ text-align: center; color: $color-text-sub; } + .dd-side-menu { + &:not(.el-menu--collapse) { + width: 200px; + min-height: 400px; + } + } + // [菜单] 正常状态 .el-menu { - background-color: transparent; + background-color: red; border-right: none; - &.el-menu--collapse { - .el-submenu { - .el-menu { - background-color: transparent; - } - } - .el-submenu__title { - text-align: center; - } - } - .el-menu-item { - &:focus { - background-color: rgba(#000, .05); - } - &:hover { - background-color: rgba(#000, .05); - } - } .el-submenu__title { &:hover { background-color: rgba(#000, .05); } } } + // [菜单] 折叠状态 + .el-menu--collapse { + background-color: blue; + .el-submenu__title { + text-align: center; + } + } } .el-main { padding: 0px; diff --git a/src/components/core/MainLayout/components/SideMenu/index.vue b/src/components/core/MainLayout/components/SideMenu/index.vue index e5f7fa64..d7505406 100644 --- a/src/components/core/MainLayout/components/SideMenu/index.vue +++ b/src/components/core/MainLayout/components/SideMenu/index.vue @@ -65,10 +65,3 @@ export default { } } - - From aecdd92b4cf2a61efe99c3daf10d0faded34225d Mon Sep 17 00:00:00 2001 From: liyang <1711467488@qq.com> Date: Mon, 4 Jun 2018 09:39:57 +0800 Subject: [PATCH 03/78] no message Former-commit-id: 04d919f45ca87195e22cd6f724a4e64a2a699ba4 Former-commit-id: 8d2c87f76bd8f59470314c2801b04a5ca2f7dd3e Former-commit-id: be6e9ce987138cb7fae2f6275056751af28357ec --- src/components/core/MainLayout/index.vue | 24 +++++++++--------------- 1 file changed, 9 insertions(+), 15 deletions(-) diff --git a/src/components/core/MainLayout/index.vue b/src/components/core/MainLayout/index.vue index 5b5657f7..2ea04d59 100644 --- a/src/components/core/MainLayout/index.vue +++ b/src/components/core/MainLayout/index.vue @@ -1,7 +1,8 @@ --> - + {{menu.title}} - + + - - - {{menu.title}} - + - - - diff --git a/src/components/core/MainLayout/index.vue b/src/components/core/MainLayout/index.vue index 3baabc18..f3da37bb 100644 --- a/src/components/core/MainLayout/index.vue +++ b/src/components/core/MainLayout/index.vue @@ -50,5 +50,5 @@ export default { diff --git a/static/image/bg/star.jpg.REMOVED.git-id b/static/image/bg/star.jpg.REMOVED.git-id new file mode 100644 index 00000000..7ee432a8 --- /dev/null +++ b/static/image/bg/star.jpg.REMOVED.git-id @@ -0,0 +1 @@ +5d5d5cae76bf221fe4df90af31aba1800c621bc3 \ No newline at end of file From 3b09d88200c4de0d66a3d67a3464b4dcc58a70ae Mon Sep 17 00:00:00 2001 From: liyang <1711467488@qq.com> Date: Mon, 4 Jun 2018 14:43:47 +0800 Subject: [PATCH 18/78] no message Former-commit-id: d7106d025703b65fd309a8feaf399c3675babfc4 Former-commit-id: 227ac204f64b9799296d9b65e80e963ec90f5320 Former-commit-id: 342e6cbb22bfeea72cffdf552b42edb8621e084f --- src/assets/style/theme/classic/index.scss | 20 ++++++++++++++++++- src/assets/style/theme/classic/setting.scss | 1 - src/assets/style/theme/theme-base.scss | 18 ++++------------- src/components/core/Container/index.vue | 9 ++++++--- .../{CardFull => ContainerFull}/index.vue | 0 .../MainLayout/components/SideMenu/index.vue | 2 +- src/components/core/MainLayout/index.vue | 4 ++-- 7 files changed, 32 insertions(+), 22 deletions(-) delete mode 100644 src/assets/style/theme/classic/setting.scss rename src/components/core/{CardFull => ContainerFull}/index.vue (100%) diff --git a/src/assets/style/theme/classic/index.scss b/src/assets/style/theme/classic/index.scss index 54de7534..4ec34a22 100644 --- a/src/assets/style/theme/classic/index.scss +++ b/src/assets/style/theme/classic/index.scss @@ -1 +1,19 @@ -@import '../theme-base.scss'; \ No newline at end of file +@import '../theme-base.scss'; + +$theme-name: 'star'; +$theme-bg-color: #EFF4F8; +$theme-bg-image: '/static/image/bg/star.jpg'; +$theme-card-full-border-color: #d8dfea; + +.theme-#{$theme-name} { + background-color: $theme-bg-color; + background-image: url($theme-bg-image); + .dd-card-full { + .dd-card-full__header { + border-bottom: 1px solid $theme-card-full-border-color; + } + .dd-card-full__footer { + border-top: 1px solid $theme-card-full-border-color; + } + } +} \ No newline at end of file diff --git a/src/assets/style/theme/classic/setting.scss b/src/assets/style/theme/classic/setting.scss deleted file mode 100644 index 4fece6a7..00000000 --- a/src/assets/style/theme/classic/setting.scss +++ /dev/null @@ -1 +0,0 @@ -$theme-name: 'star' \ No newline at end of file diff --git a/src/assets/style/theme/theme-base.scss b/src/assets/style/theme/theme-base.scss index 33a61628..c5e99d16 100644 --- a/src/assets/style/theme/theme-base.scss +++ b/src/assets/style/theme/theme-base.scss @@ -2,34 +2,26 @@ $theme-color: #EFF4F8; -$border-color: #d8dfea; -// 默认主题 -.classic { +// 主题公用 +.theme { height: 100vh; width: 100vw; - background-color: $theme-color; - background-image: url('/static/image/bg/star.jpg'); background-size: cover; background-position: center; .el-card { box-shadow: none; &:hover { - // box-shadow: 0 0 8px 0 rgba(232,237,250,.6), 0 2px 4px 0 rgba(232,237,250,.5); - box-shadow: none; + box-shadow: 0 0 8px 0 rgba(232,237,250,.6), 0 2px 4px 0 rgba(232,237,250,.5); } } .dd-card-full { position: absolute; border-top-left-radius: 4px; border-top-right-radius: 4px; - border-top: 1px solid $border-color; - border-left: 1px solid $border-color; - border-right: 1px solid $border-color; - background-color: #fff; + background-color: #FFF; overflow: hidden; color: #303133; &:hover { - // box-shadow: 0 0 8px 0 rgba(232,237,250,.6), 0 2px 4px 0 rgba(232,237,250,.5); box-shadow: none; } .dd-card-full__header { @@ -38,7 +30,6 @@ $border-color: #d8dfea; left: 0px; width: 100%; padding: 18px 20px; - border-bottom: 1px solid $border-color; box-sizing: border-box; } .dd-card-full__body { @@ -55,7 +46,6 @@ $border-color: #d8dfea; left: 0px; width: 100%; padding: 18px 20px; - border-top: 1px solid $border-color; box-sizing: border-box; } } diff --git a/src/components/core/Container/index.vue b/src/components/core/Container/index.vue index 1c19a0b0..1e27b3e2 100644 --- a/src/components/core/Container/index.vue +++ b/src/components/core/Container/index.vue @@ -10,12 +10,12 @@ - - + + - + @@ -34,6 +34,9 @@ export default { required: false, default: false } + }, + components: { + containerFull: () => import('../ContainerFull/index.vue') } } diff --git a/src/components/core/CardFull/index.vue b/src/components/core/ContainerFull/index.vue similarity index 100% rename from src/components/core/CardFull/index.vue rename to src/components/core/ContainerFull/index.vue diff --git a/src/components/core/MainLayout/components/SideMenu/index.vue b/src/components/core/MainLayout/components/SideMenu/index.vue index 70d6774f..186d25d1 100644 --- a/src/components/core/MainLayout/components/SideMenu/index.vue +++ b/src/components/core/MainLayout/components/SideMenu/index.vue @@ -28,7 +28,7 @@ export default { return { menus: [ { - path: '/a', + path: '/demo/components/container/card-full', title: 'menu-a', icon: 'plus' }, diff --git a/src/components/core/MainLayout/index.vue b/src/components/core/MainLayout/index.vue index f3da37bb..219f3b5d 100644 --- a/src/components/core/MainLayout/index.vue +++ b/src/components/core/MainLayout/index.vue @@ -1,5 +1,5 @@