家里的样式

src/styles/index.scss

@@ -0,0 +1,169 @@
+@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%;
+  .sidebar-container{
+    background-color: #152c7c;
+  }
+}
+
+*,
+*: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;
+}
+
+.navbar{
+  background-color: #fff!important;
+}
+.submenu-title-noDropdown{
+  background-color: #2e296a!important;
+  color: #cccccc!important;
+}
+.el-menu-item.is-active{
+  color:#409EFF!important;
+}
+el-form-item__content{
+  background-color: #3d3780!important;
+}
+.el-menu-item:hover{
+  background-color: #9892E4 !important;
+}
+.el-menu-item, .el-submenu__title{
+  line-height: 42px;
+  height: 42px;
+  //background-color: #2e296a!important;
+}
+.el-scrollbar{
+  height: 100%;
+}
+
+.el-submenu__title{
+  //background-color: #2e296a!important;
+}
+.el-card__body{
+  padding: 0px !important;
+  margin: 0px !important;
+}
+.app-container{
+  padding: 0px;
+}
+.el-pagination{
+  padding: 0px;
+}
+el-card{
+  padding: 0px;
+  margin: 0px;
+}
+.el-table__row{
+  height: 5px;
+  padding: 0px;
+}
+.el-table--mini td, .el-table--mini th {
+  padding: 0px 0;
+}
+//.el-table .el-button{
+//  font-size: 17px;
+//}
+.el-tabs__header {
+  padding: 0;
+  position: relative;
+  margin:  0px;
+}
+.el-table{
+  margin: 3px 0px;
+}
+.block{
+  margin-bottom: 3px;
+}
+.el-button--success{
+  background: rgb(45,114,213);
+  border-color: rgb(45,114,213);
+  &:hover{
+    background: rgb(45,114,213);
+    border-color: rgb(45,114,213);
+  }
+  &:focus{
+    background: rgb(45,114,213);
+    border-color: rgb(45,114,213);
+  }
+}
+.el-button--primary{
+  background: #ff9759;
+  border-color: #ff9759;
+  &:hover{
+    background: #ff9759;
+    border-color: #ff9759;
+  }
+  &:focus{
+    background: #ff9759;
+    border-color: #ff9759;
+  }
+}