样式

src/style/common.styl

@@ -44,10 +44,10 @@
   _wh(100%, 100%)
   padding-top 80px
 .side-bar-container
-  _wh(120px, 100%)
+  _wh(240px, 100%)
   border-right solid 1px #e6e6e6
 .main-container
-  _wh(calc(100% - 120px), 100%)
+  _wh(calc(100% - 240px), 100%)
 
 .site_container
   _fj()
@@ -133,9 +133,9 @@
   -moz-user-select: none;
   -webkit-user-select: none;
   -ms-user-select: none;
-  padding: 12px 20px;
-  font-size: 14px;
-  border-radius: 18px;
+  padding: 28px 58px;
+  font-size: 32px;
+  border-radius: 28px;
   &:disabled
     color: #fff;
     background-color: $gray;
@@ -195,7 +195,8 @@
 .dialog_body
   padding: 30px 20px;
   color: #606266;
-  font-size: 14px;
+  font-size: 28px;
+  line-height: 40px
   word-break: break-all;
 .form_wraper
   width 100%
@@ -208,23 +209,23 @@
   .form_item+.form_item
     margin-left 4%
 .form_item__label
-  width: 86px;
+  width: 160px;
   text-align: left;
   vertical-align: middle;
   float: left;
-  font-size: 14px;
+  font-size: 28px;
   color: #606266;
   line-height: 40px;
-  padding: 0 12px 0 0;
+  padding: 20px 10px;
   box-sizing: border-box;
   i
     color $red2
 .form_item__content
-  width: calc(100% - 86px)
-  margin-left: 86px;
-  line-height: 40px;
+  width: calc(100% - 160px)
+  margin-left: 160px;
+  line-height: 80px;
   position: relative;
-  font-size: 14px;
+  font-size: 28px;
 .form_item__input
   width 100%
   -webkit-appearance: none;
@@ -235,26 +236,27 @@
   box-sizing: border-box;
   color: #696969;
   display: inline-block;
-  font-size: 14px;
-  height: 40px;
-  line-height: 40px;
+  font-size: 28px;
+  height: 80px;
+  line-height: 80px;
   outline: none;
   padding: 0 15px;
   transition: border-color .2s cubic-bezier(.645,.045,.355,1);
   width: 100%;
+  border-radius: 16px
 .form_item__textarea
   line-height 23px
   height 69px
 .form_item__radio
   color: #606266;
   font-weight: 500;
-  line-height: 40px;
+  line-height: 80px;
   position: relative;
   cursor: pointer;
   display: inline-block;
   white-space: nowrap;
   outline: none;
-  font-size: 14px;
+  font-size: 28px;
   margin-right: 30px;
   -moz-user-select: none;
   -webkit-user-select: none;
@@ -272,8 +274,8 @@
   border-radius 50%
 .radio__label
   display: inline-block;
-  font-size: 14px;
-  padding-left: 10px;
+  font-size: 28px;
+  padding-left: 20px;
 .icon_radio_checked
   background-color $green1
 .radio__original
@@ -288,6 +290,10 @@
   margin: 0;
 .el-select
   width 100%
+.el-input, .el-select .el-input .el-select__caret, .el-select-dropdown__item
+  font-size 28px
+  line-height 80px
+  height 80px
 .el-select:hover .el-input__inner, .el-input__inner
   border-color $gray1
 .el-select .el-input__inner:focus, .el-select .el-input.is-focus .el-input__inner
@@ -296,6 +302,9 @@
   color $red2
 .el-input__inner
   color #696969
+  font-size 28px
+  line-height 80px
+  height 80px
 .dialog_footer
   padding: 10px 20px 20px;
   text-align: center;
@@ -319,7 +328,7 @@
   _wh(100%, 100%)
   padding 20px 20px 30px 20px
 .buttons_wrapper
-  margin-bottom 10px
+  margin-bottom 30px
 .grid_wrapper
   width 100%
   table
@@ -337,23 +346,23 @@
       position: sticky;
       top: -1px;
       background: #d7d7d7;
-      font-size: 14px;
-      line-height: 23px;
+      font-size: 24px;
+      line-height: 33px;
       color: #323232;
       font-weight: bold;
       z-index: 99;
-      padding 12px 10px;
+      padding 24px 20px;
     td
       box-sizing: border-box;
       overflow: hidden;
       white-space: nowrap;
       text-overflow: ellipsis;
-      padding: 12px 10px;
+      padding: 20px 10px;
       border-bottom: 1px dashed $gray1;
       border-right: 1px dashed $gray1;
       text-align: center;
-      font-size: 14px;
-      line-height: 23px;
+      font-size: 28px;
+      line-height: 40px;
       color: #323232;
       background: #fff;
       &:last-child
@@ -369,7 +378,7 @@
 	left: 0;
 	z-index: 99;
 .grid_button
-  padding 6px 12px
+  padding 15px 50px
 
 // tree
 .el-checkbox__inner:hover, .el-checkbox__input.is-focus .el-checkbox__inner
@@ -388,7 +397,7 @@
 .state_tip
   _wh(200px, 100px)
   _fj(center)
-  _font(32px, 33px, #ffffff,,center)
+  _font(32px, 45px, #ffffff,,center)
   border 1px solid $red
   background-color #ffc3a7
   border-radius 6px
@@ -406,7 +415,7 @@
   border 1.6px solid #54C0B3
   background-color #fff
   _font(32px,33px,#54C0B3,,center)
-  border-radius 6px
+  border-radius 16px
   margin-bottom 20px
   margin-right 24px
 .state_item_2
@@ -414,7 +423,7 @@
   _fj(center)
   border 10px solid #DFE1E6
   background-color #fff
-  border-radius 6px
+  border-radius 16px
   margin-bottom 20px
   margin-right 24px
   &:nth-child(3n)
@@ -497,4 +506,19 @@
     background-color: rgb(19, 206, 102);
     &::after
       left: 100%;
-      margin-left: -49px;
+      margin-left: -49px;
+
+// tree
+.el-tree-node__content
+  height 60px
+.el-tree-node__expand-icon,.el-checkbox,.el-tree-node__label
+  font-size 28px
+.el-checkbox__inner
+  width 28px
+  height 28px
+.el-checkbox__input.is-indeterminate .el-checkbox__inner::before
+  top 12px
+.el-checkbox__input.is-checked .el-checkbox__inner::after
+  left: 11px;
+  top: 9px;
+  transform: rotate(45deg) scaleY(2)