@vmf/element-ui
Version:
5 lines • 22.2 kB
CSS
@font-face{font-family:"iconfont";src:url("//at.alicdn.com/t/font_2385602_cljpa7z9shp.eot");src:url("//at.alicdn.com/t/font_2385602_cljpa7z9shp.eot?#iefix") format("embedded-opentype"),url("//at.alicdn.com/t/font_2385602_cljpa7z9shp.woff2") format("woff2"),url("//at.alicdn.com/t/font_2385602_cljpa7z9shp.woff") format("woff"),url("//at.alicdn.com/t/font_2385602_cljpa7z9shp.ttf") format("truetype"),url("//at.alicdn.com/t/font_2385602_cljpa7z9shp.svg#iconfont") format("svg")}*{border:none;font-size:inherit;color:inherit;margin:0;padding:0;text-rendering:geometricPrecision;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-tap-highlight-color:rgba(255, 0, 0, 0)}*:before,*:after{-webkit-box-sizing:border-box;box-sizing:border-box}html{font-family:思源黑体,PingFang,"Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Hiragino Sans GB W3","Microsoft YaHei UI","Microsoft YaHei","WenQuanYi Micro Hei",sans-serif;font-size:100px}html,body{margin:0;padding:0}body{font-size:15px;line-height:1.2}.fn-left{float:left}.fn-right{float:right}.fn-clear:before,.fn-clear:after{content:"";display:table}.fn-clear:after{clear:both}.fn-hide{overflow:hidden }.fn-hidden{overflow:hidden }.fn-hidden-x{overflow-x:hidden }.fn-hidden-y{overflow-y:hidden }.fs-tiny{font-size:70% }.fs-small{font-size:80% }.fs-little{font-size:90% }.fs-normal{font-size:inherit }.fs-big{font-size:120% }.fs-more{font-size:140% }.fs-super{font-size:180% }.fw-bold{font-weight:bold }.fw-normal{font-weight:normal }.ta-c{text-align:center }.ta-l{text-align:left !important}.ta-r{text-align:right !important}.ta-j{text-align:justify }.va-t{vertical-align:top }.va-m{vertical-align:middle }.va-b{vertical-align:bottom }.bor-a{border:1px solid #e8e8e8 }.nbor-a{border:0 }.bor-t{border-top:1px solid #e8e8e8 }.nbor-t{border-top:0 }.bor-r{border-right:1px solid #e8e8e8 }.nbor-r{border-right:0 }.bor-b{border-bottom:1px solid #e8e8e8 }.nbor-b{border-bottom:0 }.bor-l{border-left:1px solid #e8e8e8 }.nbor-l{border-left:0 }.dp-b{display:block }.dp-i{display:inline }.dp-ib{display:inline-block }.dp-fx{display:-webkit-box ;display:-ms-flexbox ;display:flex }.dp-ifx{display:-webkit-inline-box ;display:-ms-inline-flexbox ;display:inline-flex }.fx-row{-webkit-box-orient:horizontal ;-webkit-box-direction:normal ;-ms-flex-direction:row ;flex-direction:row }.fx-col{-webkit-box-orient:vertical ;-webkit-box-direction:normal ;-ms-flex-direction:column ;flex-direction:column }.fx-jc-fs{-webkit-box-pack:start ;-ms-flex-pack:start ;justify-content:flex-start }.fx-jc-fe{-webkit-box-pack:end ;-ms-flex-pack:end ;justify-content:flex-end }.fx-jc-c{-webkit-box-pack:center ;-ms-flex-pack:center ;justify-content:center }.fx-jc-sb{-webkit-box-pack:justify ;-ms-flex-pack:justify ;justify-content:space-between }.fx-jc-sa{-ms-flex-pack:distribute ;justify-content:space-around }.fx-ai-fs{-webkit-box-align:start ;-ms-flex-align:start ;align-items:flex-start }.fx-ai-fe{-webkit-box-align:end ;-ms-flex-align:end ;align-items:flex-end }.fx-ai-c{-webkit-box-align:center ;-ms-flex-align:center ;align-items:center }.fx-ai-s{-webkit-box-align:stretch ;-ms-flex-align:stretch ;align-items:stretch }.fx-as-fs{-ms-flex-item-align:start ;align-self:flex-start }.fx-as-fe{-ms-flex-item-align:end ;align-self:flex-end }.fx-as-c{-ms-flex-item-align:center ;align-self:center }.fx-as-s{-ms-flex-item-align:stretch ;align-self:stretch }.w-5per{width:5% }.w-10per{width:10% }.w-15per{width:15% }.w-20per{width:20% }.w-25per{width:25% }.w-30per{width:30% }.w-35per{width:35% }.w-40per{width:40% }.w-45per{width:45% }.w-50per{width:50% }.w-55per{width:55% }.w-60per{width:60% }.w-65per{width:65% }.w-70per{width:70% }.w-75per{width:75% }.w-80per{width:80% }.w-85per{width:85% }.w-90per{width:90% }.w-95per{width:95% }.w-100per{width:100% }.w-5px{width:5px }.w-10px{width:10px }.w-15px{width:15px }.w-20px{width:20px }.w-25px{width:25px }.w-30px{width:30px }.w-35px{width:35px }.w-40px{width:40px }.w-45px{width:45px }.w-50px{width:50px }.w-55px{width:55px }.w-60px{width:60px }.w-65px{width:65px }.w-70px{width:70px }.w-75px{width:75px }.w-80px{width:80px }.w-85px{width:85px }.w-90px{width:90px }.w-95px{width:95px }.w-100px{width:100px }.w-1em{width:1em }.w-2em{width:2em }.w-3em{width:3em }.w-4em{width:4em }.w-5em{width:5em }.w-6em{width:6em }.w-7em{width:7em }.w-8em{width:8em }.w-9em{width:9em }.w-10em{width:10em }.w-11em{width:11em }.w-12em{width:12em }.w-13em{width:13em }.w-14em{width:14em }.w-15em{width:15em }.w-16em{width:16em }.w-17em{width:17em }.w-18em{width:18em }.w-19em{width:19em }.w-20em{width:20em }.h-5per{height:5% }.h-10per{height:10% }.h-15per{height:15% }.h-20per{height:20% }.h-25per{height:25% }.h-30per{height:30% }.h-35per{height:35% }.h-40per{height:40% }.h-45per{height:45% }.h-50per{height:50% }.h-55per{height:55% }.h-60per{height:60% }.h-65per{height:65% }.h-70per{height:70% }.h-75per{height:75% }.h-80per{height:80% }.h-85per{height:85% }.h-90per{height:90% }.h-95per{height:95% }.h-100per{height:100% }.h-5px{height:5px }.h-10px{height:10px }.h-15px{height:15px }.h-20px{height:20px }.h-25px{height:25px }.h-30px{height:30px }.h-35px{height:35px }.h-40px{height:40px }.h-45px{height:45px }.h-50px{height:50px }.h-55px{height:55px }.h-60px{height:60px }.h-65px{height:65px }.h-70px{height:70px }.h-75px{height:75px }.h-80px{height:80px }.h-85px{height:85px }.h-90px{height:90px }.h-95px{height:95px }.h-100px{height:100px }.h-1em{height:1em }.h-2em{height:2em }.h-3em{height:3em }.h-4em{height:4em }.h-5em{height:5em }.h-6em{height:6em }.h-7em{height:7em }.h-8em{height:8em }.h-9em{height:9em }.h-10em{height:10em }.h-11em{height:11em }.h-12em{height:12em }.h-13em{height:13em }.h-14em{height:14em }.h-15em{height:15em }.h-16em{height:16em }.h-17em{height:17em }.h-18em{height:18em }.h-19em{height:19em }.h-20em{height:20em }.lh-5per{line-height:5% }.lh-10per{line-height:10% }.lh-15per{line-height:15% }.lh-20per{line-height:20% }.lh-25per{line-height:25% }.lh-30per{line-height:30% }.lh-35per{line-height:35% }.lh-40per{line-height:40% }.lh-45per{line-height:45% }.lh-50per{line-height:50% }.lh-55per{line-height:55% }.lh-60per{line-height:60% }.lh-65per{line-height:65% }.lh-70per{line-height:70% }.lh-75per{line-height:75% }.lh-80per{line-height:80% }.lh-85per{line-height:85% }.lh-90per{line-height:90% }.lh-95per{line-height:95% }.lh-100per{line-height:100% }.lh-5px{line-height:5px }.lh-10px{line-height:10px }.lh-15px{line-height:15px }.lh-20px{line-height:20px }.lh-25px{line-height:25px }.lh-30px{line-height:30px }.lh-35px{line-height:35px }.lh-40px{line-height:40px }.lh-45px{line-height:45px }.lh-50px{line-height:50px }.lh-55px{line-height:55px }.lh-60px{line-height:60px }.lh-65px{line-height:65px }.lh-70px{line-height:70px }.lh-75px{line-height:75px }.lh-80px{line-height:80px }.lh-85px{line-height:85px }.lh-90px{line-height:90px }.lh-95px{line-height:95px }.lh-100px{line-height:100px }.lh-1em{line-height:1em }.lh-2em{line-height:2em }.lh-3em{line-height:3em }.lh-4em{line-height:4em }.lh-5em{line-height:5em }.lh-6em{line-height:6em }.lh-7em{line-height:7em }.lh-8em{line-height:8em }.lh-9em{line-height:9em }.lh-10em{line-height:10em }.lh-11em{line-height:11em }.lh-12em{line-height:12em }.lh-13em{line-height:13em }.lh-14em{line-height:14em }.lh-15em{line-height:15em }.lh-16em{line-height:16em }.lh-17em{line-height:17em }.lh-18em{line-height:18em }.lh-19em{line-height:19em }.lh-20em{line-height:20em }.lh-normal{line-height:1.2 }.tc-base{color:#727272 }.tc-white{color:#fff }.tc-g1{color:#f4f4f4 }.tc-g2{color:#e0e0e0 }.tc-g3{color:#d9d9d9 }.tc-g4{color:#b3b3b3 }.tc-g5{color:gray }.tc-g6{color:#666 }.tc-g7{color:#4d4d4d }.tc-g8{color:#333 }.tc-g9{color:#1a1a1a }.tc-primary{color:#1485ee }.tc-secondary{color:#c87d2f }.tc-success{color:#91d300 }.tc-warning{color:#ffc300 }.tc-danger{color:#fa5151 }.tc-info{color:#666 }.bc-white{background-color:#fff }.bc-g1{background-color:#f4f4f4 }.bc-g2{background-color:#e0e0e0 }.bc-g3{background-color:#d9d9d9 }.bc-g4{background-color:#b3b3b3 }.bc-g5{background-color:gray }.bc-g6{background-color:#666 }.bc-g7{background-color:#4d4d4d }.bc-g8{background-color:#333 }.bc-g9{background-color:#1a1a1a }.bc-primary{background-color:#1485ee }.bc-secondary{background-color:#c87d2f }.bc-success{background-color:#91d300 }.bc-warning{background-color:#ffc300 }.bc-danger{background-color:#fa5151 }.bc-info{background-color:#666 }.bc-t{background-color:transparent }.ma-a{margin:20px }.nma-a{margin:0 }.pa-a{padding:20px }.npa-a{padding:0 }.ma-bor-a{border:20px solid #dcdcdc }.ma-t{margin-top:20px }.nma-t{margin-top:0 }.pa-t{padding-top:20px }.npa-t{padding-top:0 }.ma-bor-t{border-top:20px solid #dcdcdc }.ma-r{margin-right:20px }.nma-r{margin-right:0 }.pa-r{padding-right:20px }.npa-r{padding-right:0 }.ma-bor-r{border-right:20px solid #dcdcdc }.ma-b{margin-bottom:20px }.nma-b{margin-bottom:0 }.pa-b{padding-bottom:20px }.npa-b{padding-bottom:0 }.ma-bor-b{border-bottom:20px solid #dcdcdc }.ma-l{margin-left:20px }.nma-l{margin-left:0 }.pa-l{padding-left:20px }.npa-l{padding-left:0 }.ma-bor-l{border-left:20px solid #dcdcdc }
.vmf-main-menu{height:100%;min-height:0}.vmf-main-menu>.el-container{min-height:0}.vmf-main-menu-nav{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;padding:0;background-color:#1485ee;color:#fff}.vmf-main-menu-nav>.brand{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%;min-width:200px;color:#fff;font-size:26px;letter-spacing:8px;font-weight:bold;background:transparent center no-repeat;background-size:contain}.vmf-main-menu-nav>.collapse-btn,.vmf-main-menu-nav>.remainder-btn{padding:0 20px;min-width:44px;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#fff;cursor:pointer}.vmf-main-menu-nav>.user-menu,.vmf-main-menu-nav>.remainder-menu{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 20px;color:#fff}.vmf-main-menu-nav>.nav-menu{-webkit-box-flex:1;-ms-flex:1 1 1%;flex:1 1 1%;overflow-x:auto;overflow-y:hidden}.vmf-main-menu-nav>.nav-menu::-webkit-scrollbar{width:12px;border-radius:12px}.vmf-main-menu-nav>.nav-menu::-webkit-scrollbar:horizontal{height:12px}.vmf-main-menu-nav>.nav-menu::-webkit-scrollbar-thumb{border-radius:12px;background:rgba(0, 0, 0, .2)}.vmf-main-menu-nav>.nav-menu::-webkit-scrollbar-button{display:none}.vmf-main-menu-nav>.nav-menu::-webkit-scrollbar-track{background:rgba(0, 0, 0, .1);border-radius:12px}.vmf-main-menu-nav>.nav-menu>.el-menu{-webkit-box-flex:1;-ms-flex:1 1 1%;flex:1 1 1%;border-bottom:none;background-color:transparent}.vmf-main-menu-nav>.nav-menu>.el-menu.el-menu--horizontal{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;overflow:hidden}.vmf-main-menu-nav>.nav-menu>.el-menu.el-menu--horizontal>.el-menu-item{float:none;height:auto;line-height:0;padding:0;border-bottom:0}.vmf-main-menu-nav>.nav-menu>.el-menu.el-menu--horizontal>.el-menu-item>.link{display:inline-block;height:60px;line-height:60px;padding:0 20px}.vmf-main-menu-nav>.nav-menu>.el-menu>.el-sub-menu,.vmf-main-menu-nav>.nav-menu>.el-menu>.el-menu-item{background-color:transparent}.vmf-main-menu-nav>.nav-menu>.el-menu>.el-sub-menu .x-icon,.vmf-main-menu-nav>.nav-menu>.el-menu>.el-menu-item .x-icon{margin-right:12px}.vmf-main-menu-nav>.nav-menu>.el-menu>.el-sub-menu,.vmf-main-menu-nav>.nav-menu>.el-menu>.el-sub-menu i,.vmf-main-menu-nav>.nav-menu>.el-menu>.el-sub-menu>.el-sub-menu__title,.vmf-main-menu-nav>.nav-menu>.el-menu>.el-sub-menu>.el-sub-menu__title i,.vmf-main-menu-nav>.nav-menu>.el-menu>.el-menu-item,.vmf-main-menu-nav>.nav-menu>.el-menu>.el-menu-item i,.vmf-main-menu-nav>.nav-menu>.el-menu>.el-menu-item>.el-sub-menu__title,.vmf-main-menu-nav>.nav-menu>.el-menu>.el-menu-item>.el-sub-menu__title i{color:#fff}.vmf-main-menu-nav>.nav-menu>.el-menu>.el-sub-menu:not(.is-disabled):focus,.vmf-main-menu-nav>.nav-menu>.el-menu>.el-sub-menu:not(.is-disabled):focus>.el-sub-menu__title,.vmf-main-menu-nav>.nav-menu>.el-menu>.el-sub-menu:not(.is-disabled):hover,.vmf-main-menu-nav>.nav-menu>.el-menu>.el-sub-menu:not(.is-disabled):hover>.el-sub-menu__title,.vmf-main-menu-nav>.nav-menu>.el-menu>.el-menu-item:not(.is-disabled):focus,.vmf-main-menu-nav>.nav-menu>.el-menu>.el-menu-item:not(.is-disabled):focus>.el-sub-menu__title,.vmf-main-menu-nav>.nav-menu>.el-menu>.el-menu-item:not(.is-disabled):hover,.vmf-main-menu-nav>.nav-menu>.el-menu>.el-menu-item:not(.is-disabled):hover>.el-sub-menu__title{background-color:#137ee2;color:#fff}.vmf-main-menu-nav>.nav-menu>.el-menu>.el-sub-menu.is-active,.vmf-main-menu-nav>.nav-menu>.el-menu>.el-sub-menu.is-active>.el-sub-menu__title,.vmf-main-menu-nav>.nav-menu>.el-menu>.el-menu-item.is-active,.vmf-main-menu-nav>.nav-menu>.el-menu>.el-menu-item.is-active>.el-sub-menu__title{background-color:#1278d6;color:#fff ;border-bottom:0}.vmf-main-menu-aside{background-color:#333;overflow-x:auto;overflow-y:auto;-webkit-overflow-scrolling:touch}.vmf-main-menu-aside::-webkit-scrollbar{width:12px;border-radius:12px}.vmf-main-menu-aside::-webkit-scrollbar:horizontal{height:12px}.vmf-main-menu-aside::-webkit-scrollbar-thumb{border-radius:12px;background:rgba(0, 0, 0, .2)}.vmf-main-menu-aside::-webkit-scrollbar-button{display:none}.vmf-main-menu-aside::-webkit-scrollbar-track{background:rgba(0, 0, 0, .1);border-radius:12px}.vmf-main-menu-aside::-webkit-scrollbar{width:12px;border-radius:12px}.vmf-main-menu-aside::-webkit-scrollbar:horizontal{height:12px}.vmf-main-menu-aside::-webkit-scrollbar-thumb{border-radius:12px;background:rgba(0, 0, 0, .2)}.vmf-main-menu-aside::-webkit-scrollbar-button{display:none}.vmf-main-menu-aside::-webkit-scrollbar-track{background:rgba(0, 0, 0, .1);border-radius:12px}.vmf-main-menu-aside>.el-menu{border-right:none}.vmf-main-menu-aside>.el-menu:not(.el-menu--collapse){min-width:200px}.vmf-main-menu-aside>.el-menu,.vmf-main-menu-aside>.el-menu .el-menu{background-color:#333}.vmf-main-menu-aside>.el-menu .el-menu-item{color:#fff}.vmf-main-menu-aside>.el-menu .el-menu-item:focus,.vmf-main-menu-aside>.el-menu .el-menu-item:hover{background-color:#2e2e2e;border-bottom:0}.vmf-main-menu-aside>.el-menu .el-menu-item.is-active{color:#1485ee;background-color:#292929;border-bottom:0}.vmf-main-menu-aside>.el-menu .el-sub-menu .x-icon{margin-right:12px}.vmf-main-menu-aside>.el-menu .el-sub-menu.is-active>.el-sub-menu__title{color:#1485ee}.vmf-main-menu-aside>.el-menu .el-sub-menu.is-active>.el-sub-menu__title i{color:#1485ee}.vmf-main-menu-aside>.el-menu .el-sub-menu__title,.vmf-main-menu-aside>.el-menu .el-sub-menu__title i{color:#fff}.vmf-main-menu-aside>.el-menu .el-sub-menu__title:not(.is-disabled):hover{background-color:#2e2e2e}.vmf-main-menu-aside>.el-menu.el-menu--collapse{width:auto}.vmf-main-menu-aside>.el-menu.el-menu--collapse .el-sub-menu>.el-sub-menu__title{padding:0 20px }
.vmf-page{background-color:#f4f4f4}.vmf-page::-webkit-scrollbar{width:12px;border-radius:12px}.vmf-page::-webkit-scrollbar:horizontal{height:12px}.vmf-page::-webkit-scrollbar-thumb{border-radius:12px;background:rgba(0, 0, 0, .2)}.vmf-page::-webkit-scrollbar-button{display:none}.vmf-page::-webkit-scrollbar-track{background:rgba(0, 0, 0, .1);border-radius:12px}.vmf-page>.header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#fff;margin-bottom:12px;padding:12px;border-radius:4px}.vmf-page>.header>.back-btn{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;margin-right:12px}.vmf-page>.header>.label{-webkit-box-flex:1;-ms-flex:1 1 1%;flex:1 1 1%;padding:8px 0}.vmf-page>.body,.vmf-page>.second-header{padding:12px;background-color:#fff;border-radius:4px}.vmf-page>.body+.body,.vmf-page>.body+.second-header,.vmf-page>.second-header+.body,.vmf-page>.second-header+.second-header{margin-top:12px}
.default-login-page{width:100%;height:100%;overflow-x:auto;overflow-y:auto;-webkit-overflow-scrolling:touch}.default-login-page::-webkit-scrollbar{width:12px;border-radius:12px}.default-login-page::-webkit-scrollbar:horizontal{height:12px}.default-login-page::-webkit-scrollbar-thumb{border-radius:12px;background:rgba(0, 0, 0, .2)}.default-login-page::-webkit-scrollbar-button{display:none}.default-login-page::-webkit-scrollbar-track{background:rgba(0, 0, 0, .1);border-radius:12px}.default-login-page>.inner{min-width:1200px;width:100%;height:100%;background:#04255a center no-repeat;background-size:cover;color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.default-login-page>.inner>.header{letter-spacing:5px;font-size:50px;font-weight:bold;margin-bottom:20px}.default-login-page>.inner>.body{min-width:400px;background-color:rgba(0, 0, 0, .3);-webkit-box-shadow:0 3px 10px 0 rgba(0, 0, 0, .3);box-shadow:0 3px 10px 0 rgba(0, 0, 0, .3);padding:32px;border-radius:10px}
.default-error-page{background-color:#e9ecef;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-height:100%;min-width:1200px}.default-error-page>.inner{text-align:center}.default-error-page>.inner>.code{font-size:80px;font-weight:bold;color:#868e96}.default-error-page>.inner>.message{color:#adb5bd}