样式

src/pages/shells/index/index.vue

@@ -390,7 +390,7 @@ export default {
 >>>.el-menu--horizontal>.el-menu-item
   line-height 80px
   height 80px
-  font-size 18px
+  font-size 32px
 >>>.el-menu.el-menu--horizontal
   border-bottom 0
 .time-container
@@ -398,17 +398,17 @@ export default {
 .state-item
   border 1px solid #54C0B3
   border-radius 4px
-  _font(18px,32px,#54C0B3,,center)
-  padding 0 15px
+  _font(32px,60px,#54C0B3,,center)
+  padding 0 35px
 .state-line
-  _wh(2px,20px)
+  _wh(2px,60px)
   opacity 0.3
   background #8991A6
-  margin 0 10px
+  margin 0 20px
 .elec-qty-wrap
   position relative
-  width 15px
-  height 32px
+  width 30px
+  height 60px
   border 1px solid #dddddd
   margin-right 5px
   border-radius 2px
@@ -430,9 +430,9 @@ export default {
   z-index 152
   border 1px solid #ddd
 .elec-txt
-  _font(18px, 32px, #909399,,left)
+  _font(28px, 60px, #909399,,left)
 .icon_admin
-  _font(20px, 32px, #54C0B3,,left)
+  _font(32px, 60px, #54C0B3,,left)
   margin-right 2px
 >>>.el-menu
   border-right none
@@ -448,6 +448,7 @@ export default {
 .header_user_wraper_inn
   _fj()
   _wh(100%, 100%)
+  padding 0 30px
 .header_dropdown_wraper
   position absolute
   top 90%
@@ -465,7 +466,7 @@ export default {
     width 100%
     li
       width 100%
-      _font(14px, 36px, #909399,,center)
+      _font(28px, 60px, #909399,,center)
       padding 0 10px
       &:hover
         background-color #ffc3a7
@@ -500,20 +501,12 @@ export default {
 .side-bar-container
     >>>.el-menu-item a
         color #909399
+    >>>.el-menu-item
+        font-size 28px
+        line-height 80px
+        height 80px
     >>>.is-active
         background-color: #ecf5ff
     >>>.is-active a
         color #409EFF
-@media only screen and (max-width: 1620px) {
-.title-container {
-  width 150px
-  height 15px
-}
->>>.el-menu--horizontal>.el-menu-item {
-  font-size 16px
-}
->>>.el-menu-item {
-  padding 0 10px
-}
-}
 </style>