Skip to content

K
ka-manager-ui
Commit a458328a authored by suntao's avatar suntao
Browse files
Options

error

parent 71c7994c
Expand all Hide whitespace changes
Inline Side-by-side
Showing with 705 additions and 684 deletions
dist/index.html
View file @ a458328a
<!DOCTYPE html><html><head><meta charset=utf-8><title>ka-ma</title><link href=/static/css/app.276eab9.css rel=stylesheet></head><body><div id=app></div><script type=text/javascript src=/static/js/manifest.7258c09.js></script><script type=text/javascript src=/static/js/vendor.b8e24db.js></script><script type=text/javascript src=/static/js/app.2ec4f4d.js></script></body></html>
\ No newline at end of file
<!DOCTYPE html><html><head><meta charset=utf-8><title>ka-ma</title><link href=/static/css/app.276eab9.css rel=stylesheet></head><body><div id=app></div><script type=text/javascript src=/static/js/manifest.6034e5c.js></script><script type=text/javascript src=/static/js/vendor.28a8f77.js></script><script type=text/javascript src=/static/js/app.978b1cd.js></script></body></html>
\ No newline at end of file
dist/static/js/0.9ab2fd3.js.map → dist/static/js/0.cbaf0f4.js.map
View file @ a458328a
This source diff could not be displayed because it is too large. You can view the blob instead.
dist/static/js/2.5ac93f0.js → dist/static/js/2.3244a51.js
View file @ a458328a
webpackJsonp([2],{232:function(e,s,t){t(256);var a=t(4)(t(240),t(276),"data-v-57d52fc2",null);e.exports=a.exports},240:function(e,s,t){"use strict";Object.defineProperty(s,"__esModule",{value:!0});t(29);s.default={name:"Dashboard",computed:{}}},249:function(e,s){throw new Error("Module build failed: TypeError: loaderContext.getResolve is not a function\n at getWebpackImporter (/Users/simon/Documents/workspace/wp_202007/ka-manager-ui/node_modules/sass-loader/dist/utils.js:274:37)\n at Object.loader (/Users/simon/Documents/workspace/wp_202007/ka-manager-ui/node_modules/sass-loader/dist/index.js:42:61)")},256:function(e,s,t){var a=t(249);"string"==typeof a&&(a=[[e.i,a,""]]),a.locals&&(e.exports=a.locals);t(227)("262230da",a,!0)},276:function(e,s){e.exports={render:function(){var e=this,s=e.$createElement,t=e._self._c||s;return t("div",{staticClass:"dashboard-container"},[t("div",{staticClass:"dashboard-text"},[e._v("name:"+e._s(e.name))]),e._v(" "),t("div",{staticClass:"dashboard-text"},[e._v("roles:"),e._l(e.roles,function(s){return t("span",{key:s},[e._v(e._s(s))])})],2)])},staticRenderFns:[]}}});
//# sourceMappingURL=2.5ac93f0.js.map
\ No newline at end of file
webpackJsonp([2],{223:function(e,s,t){t(247);var a=t(8)(t(231),t(267),"data-v-57d52fc2",null);e.exports=a.exports},231:function(e,s,t){"use strict";Object.defineProperty(s,"__esModule",{value:!0});t(48);s.default={name:"Dashboard",computed:{}}},240:function(e,s){throw new Error("Module build failed: TypeError: loaderContext.getResolve is not a function\n at getWebpackImporter (/Users/simon/Documents/workspace/wp_202007/ka-manager-ui/node_modules/sass-loader/dist/utils.js:274:37)\n at Object.loader (/Users/simon/Documents/workspace/wp_202007/ka-manager-ui/node_modules/sass-loader/dist/index.js:42:61)")},247:function(e,s,t){var a=t(240);"string"==typeof a&&(a=[[e.i,a,""]]),a.locals&&(e.exports=a.locals);t(218)("262230da",a,!0)},267:function(e,s){e.exports={render:function(){var e=this,s=e.$createElement,t=e._self._c||s;return t("div",{staticClass:"dashboard-container"},[t("div",{staticClass:"dashboard-text"},[e._v("name:"+e._s(e.name))]),e._v(" "),t("div",{staticClass:"dashboard-text"},[e._v("roles:"),e._l(e.roles,function(s){return t("span",{key:s},[e._v(e._s(s))])})],2)])},staticRenderFns:[]}}});
//# sourceMappingURL=2.3244a51.js.map
\ No newline at end of file
dist/static/js/3.c928799.js → dist/static/js/3.135da92.js
View file @ a458328a
webpackJsonp([3],{234:function(e,n,s){s(255);var t=s(4)(null,s(275),null,null);e.exports=t.exports},248:function(e,n,s){n=e.exports=s(228)(),n.push([e.i,"\n.frm{\n width: 99%;\n height: 100%;\n}\n","",{version:3,sources:["/Users/simon/Documents/workspace/wp_202007/ka-manager-ui/src/modules/metabase/index.vue"],names:[],mappings:";AACA;EACE,WAAW;EACX,aAAa;CACd",file:"index.vue",sourcesContent:["\n.frm{\n width: 99%;\n height: 100%;\n}\n"],sourceRoot:""}])},255:function(e,n,s){var t=s(248);"string"==typeof t&&(t=[[e.i,t,""]]),t.locals&&(e.exports=t.locals);s(227)("73fd6844",t,!0)},275:function(e,n){e.exports={render:function(){var e=this,n=e.$createElement;return(e._self._c||n)("iframe",{ref:"iframe",staticClass:"frm",attrs:{src:"http://metabase.quantgroups.com/public/dashboard/059dd6d4-7be3-4ea1-9c91-27d62312c18b"}})},staticRenderFns:[]}}});
//# sourceMappingURL=3.c928799.js.map
\ No newline at end of file
webpackJsonp([3],{225:function(e,n,s){s(246);var t=s(8)(null,s(266),null,null);e.exports=t.exports},239:function(e,n,s){n=e.exports=s(219)(),n.push([e.i,"\n.frm{\n width: 99%;\n height: 100%;\n}\n","",{version:3,sources:["/Users/simon/Documents/workspace/wp_202007/ka-manager-ui/src/modules/metabase/index.vue"],names:[],mappings:";AACA;EACE,WAAW;EACX,aAAa;CACd",file:"index.vue",sourcesContent:["\n.frm{\n width: 99%;\n height: 100%;\n}\n"],sourceRoot:""}])},246:function(e,n,s){var t=s(239);"string"==typeof t&&(t=[[e.i,t,""]]),t.locals&&(e.exports=t.locals);s(218)("73fd6844",t,!0)},266:function(e,n){e.exports={render:function(){var e=this,n=e.$createElement;return(e._self._c||n)("iframe",{ref:"iframe",staticClass:"frm",attrs:{src:"http://metabase.quantgroups.com/public/dashboard/059dd6d4-7be3-4ea1-9c91-27d62312c18b"}})},staticRenderFns:[]}}});
//# sourceMappingURL=3.135da92.js.map
\ No newline at end of file
dist/static/js/4.e651d5c.js → dist/static/js/4.b393280.js
View file @ a458328a
webpackJsonp([4],{235:function(e,n,s){s(252);var t=s(4)(null,s(273),null,null);e.exports=t.exports},245:function(e,n,s){n=e.exports=s(228)(),n.push([e.i,"\n.home-section-env .el-input-group__append{\n background: #2d3a4b;\n border: 0px solid rgba(255, 255, 255, .1);\n}\n","",{version:3,sources:["/Users/simon/Documents/workspace/wp_202007/ka-manager-ui/src/modules/report/index.vue"],names:[],mappings:";AACA;EACE,oBAAoB;EACpB,0CAA0C;CAC3C",file:"index.vue",sourcesContent:["\n.home-section-env .el-input-group__append{\n background: #2d3a4b;\n border: 0px solid rgba(255, 255, 255, .1);\n}\n"],sourceRoot:""}])},252:function(e,n,s){var t=s(245);"string"==typeof t&&(t=[[e.i,t,""]]),t.locals&&(e.exports=t.locals);s(227)("2ce489ba",t,!0)},273:function(e,n){e.exports={render:function(){var e=this,n=e.$createElement,s=e._self._c||n;return s("div",{staticClass:"height100"},[s("div",{staticClass:"home-section-wrap"},[s("div",{staticClass:"home-section-env"},[s("el-input",{attrs:{name:"username",placeholder:"邮箱前缀"}},[s("template",{slot:"append"},[e._v("@quantgroup.cn")])],2)],1)]),e._v(" "),e._m(0)])},staticRenderFns:[function(){var e=this,n=e.$createElement,s=e._self._c||n;return s("div",{staticClass:"home-section-wrap home-section-wrap-bottom"},[s("div",{staticClass:"home-section-env"},[s("p",[e._v("内容段2")])])])}]}}});
//# sourceMappingURL=4.e651d5c.js.map
\ No newline at end of file
webpackJsonp([4],{226:function(e,n,s){s(243);var t=s(8)(null,s(264),null,null);e.exports=t.exports},236:function(e,n,s){n=e.exports=s(219)(),n.push([e.i,"\n.home-section-env .el-input-group__append{\n background: #2d3a4b;\n border: 0px solid rgba(255, 255, 255, .1);\n}\n","",{version:3,sources:["/Users/simon/Documents/workspace/wp_202007/ka-manager-ui/src/modules/report/index.vue"],names:[],mappings:";AACA;EACE,oBAAoB;EACpB,0CAA0C;CAC3C",file:"index.vue",sourcesContent:["\n.home-section-env .el-input-group__append{\n background: #2d3a4b;\n border: 0px solid rgba(255, 255, 255, .1);\n}\n"],sourceRoot:""}])},243:function(e,n,s){var t=s(236);"string"==typeof t&&(t=[[e.i,t,""]]),t.locals&&(e.exports=t.locals);s(218)("2ce489ba",t,!0)},264:function(e,n){e.exports={render:function(){var e=this,n=e.$createElement,s=e._self._c||n;return s("div",{staticClass:"height100"},[s("div",{staticClass:"home-section-wrap"},[s("div",{staticClass:"home-section-env"},[s("el-input",{attrs:{name:"username",placeholder:"邮箱前缀"}},[s("template",{slot:"append"},[e._v("@quantgroup.cn")])],2)],1)]),e._v(" "),e._m(0)])},staticRenderFns:[function(){var e=this,n=e.$createElement,s=e._self._c||n;return s("div",{staticClass:"home-section-wrap home-section-wrap-bottom"},[s("div",{staticClass:"home-section-env"},[s("p",[e._v("内容段2")])])])}]}}});
//# sourceMappingURL=4.b393280.js.map
\ No newline at end of file
dist/static/js/5.42a6af8.js → dist/static/js/5.5b14b07.js
View file @ a458328a
webpackJsonp([5],{
/***/ 229:
/***/ 220:
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
......@@ -16,7 +16,7 @@ Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
/***/ }),
/***/ 230:
/***/ 221:
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
......@@ -33,4 +33,4 @@ Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
/***/ })
});
//# sourceMappingURL=5.42a6af8.js.map
\ No newline at end of file
//# sourceMappingURL=5.5b14b07.js.map
\ No newline at end of file
dist/static/js/5.42a6af8.js.map → dist/static/js/5.5b14b07.js.map
View file @ a458328a
{"version":3,"sources":["webpack:///./src/modules/code-splitting-demo/module-a.js","webpack:///./src/modules/code-splitting-demo/module-b.js"],"names":["start","console","log"],"mappings":";;;;;;AAAA;AAAA;;;AAGe;AACbA,UAAO;AACLC,YAAQC,GAAR,CAAY,uCAAZ;AACD;AAHY,CAAf,E;;;;;;;;ACHA;AAAA;;;AAGe;AACbF,UAAO;AACLC,YAAQC,GAAR,CAAY,uCAAZ;AACD;AAHY,CAAf,E","file":"static/js/5.42a6af8.js","sourcesContent":["/**\n * Created by suntao on 2020/3/20.\n */\nexport default {\n start(){\n console.log('*********** I AM module-a ***********');\n }\n}\n\n\n\n// WEBPACK FOOTER //\n// ./src/modules/code-splitting-demo/module-a.js","/**\n * Created by suntao on 2020/3/20.\n */\nexport default {\n start(){\n console.log('*********** I AM module-b ***********');\n }\n}\n\n\n\n// WEBPACK FOOTER //\n// ./src/modules/code-splitting-demo/module-b.js"],"sourceRoot":""}
\ No newline at end of file
{"version":3,"sources":["webpack:///./src/modules/code-splitting-demo/module-a.js","webpack:///./src/modules/code-splitting-demo/module-b.js"],"names":["start","console","log"],"mappings":";;;;;;AAAA;AAAA;;;AAGe;AACbA,UAAO;AACLC,YAAQC,GAAR,CAAY,uCAAZ;AACD;AAHY,CAAf,E;;;;;;;;ACHA;AAAA;;;AAGe;AACbF,UAAO;AACLC,YAAQC,GAAR,CAAY,uCAAZ;AACD;AAHY,CAAf,E","file":"static/js/5.5b14b07.js","sourcesContent":["/**\n * Created by suntao on 2020/3/20.\n */\nexport default {\n start(){\n console.log('*********** I AM module-a ***********');\n }\n}\n\n\n\n// WEBPACK FOOTER //\n// ./src/modules/code-splitting-demo/module-a.js","/**\n * Created by suntao on 2020/3/20.\n */\nexport default {\n start(){\n console.log('*********** I AM module-b ***********');\n }\n}\n\n\n\n// WEBPACK FOOTER //\n// ./src/modules/code-splitting-demo/module-b.js"],"sourceRoot":""}
\ No newline at end of file
dist/static/js/app.2ec4f4d.js.map deleted 100644 → 0
View file @ 71c7994c
This diff is collapsed.
dist/static/js/app.978b1cd.js.map 0 → 100644
View file @ a458328a
This diff is collapsed.
dist/static/js/manifest.7258c09.js → dist/static/js/manifest.6034e5c.js
View file @ a458328a
!function(e){function n(r){if(t[r])return t[r].exports;var o=t[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}var r=window.webpackJsonp;window.webpackJsonp=function(t,c,a){for(var i,u,f,s=0,l=[];s<t.length;s++)u=t[s],o[u]&&l.push(o[u][0]),o[u]=0;for(i in c)Object.prototype.hasOwnProperty.call(c,i)&&(e[i]=c[i]);for(r&&r(t,c,a);l.length;)l.shift()();if(a)for(s=0;s<a.length;s++)f=n(n.s=a[s]);return f};var t={},o={8:0};n.e=function(e){function r(){i.onerror=i.onload=null,clearTimeout(u);var n=o[e];0!==n&&(n&&n[1](new Error("Loading chunk "+e+" failed.")),o[e]=void 0)}var t=o[e];if(0===t)return new Promise(function(e){e()});if(t)return t[2];var c=new Promise(function(n,r){t=o[e]=[n,r]});t[2]=c;var a=document.getElementsByTagName("head")[0],i=document.createElement("script");i.type="text/javascript",i.charset="utf-8",i.async=!0,i.timeout=12e4,n.nc&&i.setAttribute("nonce",n.nc),i.src=n.p+"static/js/"+e+"."+{0:"9ab2fd3",1:"18a2926",2:"5ac93f0",3:"c928799",4:"e651d5c",5:"42a6af8",6:"b8e24db",7:"2ec4f4d"}[e]+".js";var u=setTimeout(r,12e4);return i.onerror=i.onload=r,a.appendChild(i),c},n.m=e,n.c=t,n.i=function(e){return e},n.d=function(e,r,t){n.o(e,r)||Object.defineProperty(e,r,{configurable:!1,enumerable:!0,get:t})},n.n=function(e){var r=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(r,"a",r),r},n.o=function(e,n){return Object.prototype.hasOwnProperty.call(e,n)},n.p="/",n.oe=function(e){throw console.error(e),e}}([]);
//# sourceMappingURL=manifest.7258c09.js.map
\ No newline at end of file
!function(e){function n(r){if(t[r])return t[r].exports;var o=t[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}var r=window.webpackJsonp;window.webpackJsonp=function(t,c,a){for(var i,u,f,s=0,l=[];s<t.length;s++)u=t[s],o[u]&&l.push(o[u][0]),o[u]=0;for(i in c)Object.prototype.hasOwnProperty.call(c,i)&&(e[i]=c[i]);for(r&&r(t,c,a);l.length;)l.shift()();if(a)for(s=0;s<a.length;s++)f=n(n.s=a[s]);return f};var t={},o={8:0};n.e=function(e){function r(){i.onerror=i.onload=null,clearTimeout(u);var n=o[e];0!==n&&(n&&n[1](new Error("Loading chunk "+e+" failed.")),o[e]=void 0)}var t=o[e];if(0===t)return new Promise(function(e){e()});if(t)return t[2];var c=new Promise(function(n,r){t=o[e]=[n,r]});t[2]=c;var a=document.getElementsByTagName("head")[0],i=document.createElement("script");i.type="text/javascript",i.charset="utf-8",i.async=!0,i.timeout=12e4,n.nc&&i.setAttribute("nonce",n.nc),i.src=n.p+"static/js/"+e+"."+{0:"cbaf0f4",1:"4adcf3f",2:"3244a51",3:"135da92",4:"b393280",5:"5b14b07",6:"28a8f77",7:"978b1cd"}[e]+".js";var u=setTimeout(r,12e4);return i.onerror=i.onload=r,a.appendChild(i),c},n.m=e,n.c=t,n.i=function(e){return e},n.d=function(e,r,t){n.o(e,r)||Object.defineProperty(e,r,{configurable:!1,enumerable:!0,get:t})},n.n=function(e){var r=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(r,"a",r),r},n.o=function(e,n){return Object.prototype.hasOwnProperty.call(e,n)},n.p="/",n.oe=function(e){throw console.error(e),e}}([]);
//# sourceMappingURL=manifest.6034e5c.js.map
\ No newline at end of file
package-lock.json
View file @ a458328a
This diff is collapsed.
package.json
View file @ a458328a
{
"name": "vue2admin-v2",
"name": "ka-manager-ui",
"version": "1.0.0",
"description": "基于vue2 + vue-router + vuex + fetch + PostCSS + element-ui + webpack2 实现的一个后台管理系统基础框架。",
"author": "lichbin@hotmail.com",
"description": "基于vue2后台管理系统基础框架。",
"author": "taotao",
"private": true,
"scripts": {
"dev": "node build/dev-server.js",
......@@ -13,6 +13,7 @@
},
"dependencies": {
"axios": "^0.19.2",
"babel-preset-env": "^1.7.0",
"element-ui": "^1.4.13",
"js-cookie": "^2.1.3",
"three": "^0.84.0",
......@@ -32,9 +33,7 @@
"babel-plugin-syntax-dynamic-import": "^6.18.0",
"babel-plugin-transform-object-rest-spread": "^6.26.0",
"babel-plugin-transform-runtime": "^6.22.0",
"babel-preset-es2015": "^6.22.0",
"babel-preset-stage-2": "^6.22.0",
"babel-preset-stage-3": "^6.24.1",
"babel-preset-stage-2": "^6.24.1",
"babel-register": "^6.22.0",
"chai": "^3.5.0",
"chalk": "^1.1.3",
......@@ -56,7 +55,7 @@
"karma-coverage": "^1.1.1",
"karma-mocha": "^1.3.0",
"karma-phantomjs-launcher": "^1.0.2",
"karma-sinon-chai": "^1.2.4",
"karma-sinon-chai": "^1.3.4",
"karma-sourcemap-loader": "^0.3.7",
"karma-spec-reporter": "0.0.26",
"karma-webpack": "^2.0.2",
......@@ -72,7 +71,7 @@
"phantomjs-prebuilt": "^2.1.14",
"postcss-cssnext": "^2.9.0",
"postcss-import": "^9.1.0",
"sass-loader": "^9.0.2",
"sass-loader": "^5.0.0",
"selenium-server": "^3.0.1",
"semver": "^5.3.0",
"shelljs": "^0.7.6",
......
src/modules/layout/components/Navbar.vue
View file @ a458328a
......@@ -38,12 +38,10 @@ export default {
loginName: this.$store.getters.name
}
},
computed: {
// ...mapGetters([
// 'sidebar',
// 'avatar'
// ])
},
computed: mapGetters([
'sidebar',
'avatar'
]),
methods: {
toggleSideBar() {
this.$store.dispatch('ToggleSideBar')
......
src/modules/layout/components/Sidebar/index.vue
View file @ a458328a
......@@ -22,10 +22,10 @@ import variables from '@/styles/variables.scss'
export default {
components: { SidebarItem },
computed: {
// ...mapGetters([
// 'permission_routers',
// 'sidebar'
// ]),
sidebar:mapGetters([
'permission_routers',
'sidebar'
]),
variables() {
return variables
},
......
src/styles/element-ui.scss 0 → 100644
View file @ a458328a
//to reset element-ui default css
.el-upload {
input[type="file"] {
display: none !important;
}
}
.el-upload__input {
display: none;
}
//暂时性解决diolag 问题 https://github.com/ElemeFE/element/issues/2461
.el-dialog {
transform: none;
left: 0;
position: relative;
margin: 0 auto;
}
//element ui upload
.upload-container {
.el-upload {
width: 100%;
.el-upload-dragger {
width: 100%;
height: 200px;
}
}
}
src/styles/index.scss 0 → 100644
View file @ a458328a
@import './variables.scss';
@import './mixin.scss';
@import './transition.scss';
@import './element-ui.scss';
@import './sidebar.scss';
body {
height: 100%;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Arial, sans-serif;
}
label {
font-weight: 700;
}
html {
height: 100%;
box-sizing: border-box;
}
#app {
height: 100%;
}
*,
*:before,
*:after {
box-sizing: inherit;
}
a,
a:focus,
a:hover {
cursor: pointer;
color: inherit;
outline: none;
text-decoration: none;
}
div:focus {
outline: none;
}
a:focus,
a:active {
outline: none;
}
a,
a:focus,
a:hover {
cursor: pointer;
color: inherit;
text-decoration: none;
}
.clearfix {
&:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
}
//main-container全局样式
.app-main {
min-height: 100%
}
.app-container {
padding: 20px;
}
src/styles/mixin.scss 0 → 100644
View file @ a458328a
@mixin clearfix {
&:after {
content: "";
display: table;
clear: both;
}
}
@mixin scrollBar {
&::-webkit-scrollbar-track-piece {
background: #d3dce6;
}
&::-webkit-scrollbar {
width: 6px;
}
&::-webkit-scrollbar-thumb {
background: #99a9bf;
border-radius: 20px;
}
}
@mixin relative {
position: relative;
width: 100%;
height: 100%;
}
src/styles/sidebar.scss 0 → 100644
View file @ a458328a
#app {
// 主体区域 Main container
.main-container {
min-height: 100%;
transition: margin-left .28s;
margin-left: $sideBarWidth;
position: relative;
}
// 侧边栏 Sidebar container
.sidebar-container {
transition: width 0.28s;
width: $sideBarWidth !important;
height: 100%;
position: fixed;
font-size: 0px;
top: 0;
bottom: 0;
left: 0;
z-index: 1001;
overflow: hidden;
//reset element-ui css
.horizontal-collapse-transition {
transition: 0s width ease-in-out, 0s padding-left ease-in-out, 0s padding-right ease-in-out;
}
.scrollbar-wrapper {
overflow-x: hidden !important;
.el-scrollbar__view {
height: 100%;
}
}
.el-scrollbar__bar.is-vertical {
right: 0px;
}
.is-horizontal {
display: none;
}
a {
display: inline-block;
width: 100%;
overflow: hidden;
}
.svg-icon {
margin-right: 16px;
}
.el-menu {
border: none;
height: 100%;
width: 100% !important;
}
// menu hover
.submenu-title-noDropdown,
.el-submenu__title {
&:hover {
background-color: $menuHover !important;
}
}
.is-active>.el-submenu__title {
color: $subMenuActiveText !important;
}
& .nest-menu .el-submenu>.el-submenu__title,
& .el-submenu .el-menu-item {
min-width: $sideBarWidth !important;
background-color: $subMenuBg !important;
&:hover {
background-color: $subMenuHover !important;
}
}
}
.hideSidebar {
.sidebar-container {
width: 54px !important;
}
.main-container {
margin-left: 54px;
}
.svg-icon {
margin-right: 0px;
}
.submenu-title-noDropdown {
padding: 0 !important;
position: relative;
.el-tooltip {
padding: 0 !important;
.svg-icon {
margin-left: 20px;
}
}
}
.el-submenu {
overflow: hidden;
&>.el-submenu__title {
padding: 0 !important;
.svg-icon {
margin-left: 20px;
}
.el-submenu__icon-arrow {
display: none;
}
}
}
.el-menu--collapse {
.el-submenu {
&>.el-submenu__title {
&>span {
height: 0;
width: 0;
overflow: hidden;
visibility: hidden;
display: inline-block;
}
}
}
}
}
.el-menu--collapse .el-menu .el-submenu {
min-width: $sideBarWidth !important;
}
// 适配移动端, Mobile responsive
.mobile {
.main-container {
margin-left: 0px;
}
.sidebar-container {
transition: transform .28s;
width: $sideBarWidth !important;
}
&.hideSidebar {
.sidebar-container {
pointer-events: none;
transition-duration: 0.3s;
transform: translate3d(-$sideBarWidth, 0, 0);
}
}
}
.withoutAnimation {
.main-container,
.sidebar-container {
transition: none;
}
}
}
// when menu collapsed
.el-menu--vertical {
&>.el-menu {
.svg-icon {
margin-right: 16px;
}
}
.nest-menu .el-submenu>.el-submenu__title,
.el-menu-item {
&:hover {
// you can use $subMenuHover
background-color: $menuHover !important;
}
}
// the scroll bar appears when the subMenu is too long
>.el-menu--popup {
max-height: 100vh;
overflow-y: auto;
&::-webkit-scrollbar-track-piece {
background: #d3dce6;
}
&::-webkit-scrollbar {
width: 6px;
}
&::-webkit-scrollbar-thumb {
background: #99a9bf;
border-radius: 20px;
}
}
}
src/styles/transition.scss 0 → 100644
View file @ a458328a
//globl transition css
/*fade*/
.fade-enter-active,
.fade-leave-active {
transition: opacity 0.28s;
}
.fade-enter,
.fade-leave-active {
opacity: 0;
}
/*fade-transform*/
.fade-transform-leave-active,
.fade-transform-enter-active {
transition: all .5s;
}
.fade-transform-enter {
opacity: 0;
transform: translateX(-30px);
}
.fade-transform-leave-to {
opacity: 0;
transform: translateX(30px);
}
/*fade*/
.breadcrumb-enter-active,
.breadcrumb-leave-active {
transition: all .5s;
}
.breadcrumb-enter,
.breadcrumb-leave-active {
opacity: 0;
transform: translateX(20px);
}
.breadcrumb-move {
transition: all .5s;
}
.breadcrumb-leave-active {
position: absolute;
}
src/styles/variables.scss 0 → 100644
View file @ a458328a
//sidebar
$menuText:#bfcbd9;
$menuActiveText:#409EFF;
$subMenuActiveText:#f4f4f5; //https://github.com/ElemeFE/element/issues/12951
$menuBg:#304156;
$menuHover:#263445;
$subMenuBg:#1f2d3d;
$subMenuHover:#001528;
$sideBarWidth: 210px;
// the :export directive is the magic sauce for webpack
// https://www.bluematador.com/blog/how-to-share-variables-between-js-and-sass
:export {
menuText: $menuText;
menuActiveText: $menuActiveText;
subMenuActiveText: $subMenuActiveText;
menuBg: $menuBg;
menuHover: $menuHover;
subMenuBg: $subMenuBg;
subMenuHover: $subMenuHover;
sideBarWidth: $sideBarWidth;
}
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment