编辑器-自动格式化样式文件

src/assets/style/style.pc.edit.less

@@ -1,18 +1,18 @@
 @import './base/normalize.css';
 
-@color:#0076F6;
-@hoverclr:#1983F6;
-@activeclr:#0069DC;
+@color: #0076F6;
+@hoverclr: #1983F6;
+@activeclr: #0069DC;
 
-@cancelcolor:#EBEDF0;
-@cancelhoverclr:#EBEDF0;
-@cancelactiveclr:#D3D4D7;
+@cancelcolor: #EBEDF0;
+@cancelhoverclr: #EBEDF0;
+@cancelactiveclr: #D3D4D7;
 
-@deepcancelcolor:#313131;
-@deepcancelhoverclr:#3d3d3d;
-@deepcancelactiveclr:#3d3d3d;
+@deepcancelcolor: #313131;
+@deepcancelhoverclr: #3d3d3d;
+@deepcancelactiveclr: #3d3d3d;
 
-@fontcolor:#323233;
+@fontcolor: #323233;
 
 ::-webkit-scrollbar {
   width: 6px;
@@ -125,7 +125,7 @@ textarea:-ms-input-placeholder {
   }
 }
 
-.shenglve{
+.shenglve {
   display: inline-block;
   text-overflow: ellipsis;
   overflow: hidden;
@@ -133,16 +133,16 @@ textarea:-ms-input-placeholder {
   max-width: 100%;
 }
 
-.nodata{
+.nodata {
   width: 100%;
   min-height: 40%;
   text-align: center;
   margin: 80px auto;
   font-size: 14px;
-  >img{
+  > img {
     max-width: 100px;
   }
-  >div,>span{
+  > div, > span {
     display: block;
     font-weight: 400;
     margin-top: 10px;
@@ -150,10 +150,10 @@ textarea:-ms-input-placeholder {
   }
 }
 
-.fdcheck{
+.fdcheck {
   position: relative;
   cursor: pointer;
-  &::before{
+  &::before {
     content: '';
     border: #CCCCCC 1px solid;
     width: 14px;
@@ -166,13 +166,13 @@ textarea:-ms-input-placeholder {
   }
 }
 
-.check_active{
-  &::before{
+.check_active {
+  &::before {
     content: '';
     background: #1fe4dc;
     border: #1fe4dc 1px solid;
   }
-  &::after{
+  &::after {
     left: -17px;
     top: 50%;
     position: absolute;
@@ -219,7 +219,7 @@ textarea:-ms-input-placeholder {
         }
       }
 
-      &:first-of-type{
+      &:first-of-type {
         margin-left: 0;
       }
 
@@ -253,13 +253,13 @@ textarea:-ms-input-placeholder {
             min-width: 98px;
             &:hover {
               color: @color;
-              
+
               background: #252828;
             }
           }
         }
       }
-      &.li-add{
+      &.li-add {
         background-color: @color;
         width: 30px;
         min-width: unset;
@@ -267,16 +267,16 @@ textarea:-ms-input-placeholder {
         height: 30px;
         color: #fff;
         padding: 0;
-        >i{
+        > i {
           position: absolute;
           top: 50%;
           left: 50%;
-          transform: translate(-50%,-50%);
+          transform: translate(-50%, -50%);
           font-size: 26px;
         }
       }
     }
-    
+
     .active {
       color: rgba(255, 255, 255, 0.88);
       background: rgba(255, 255, 255, 0.16);
@@ -285,7 +285,7 @@ textarea:-ms-input-placeholder {
   }
 }
 
-.w-menu{
+.w-menu {
   > ul {
     > li {
       color: #909090;
@@ -367,7 +367,7 @@ textarea:-ms-input-placeholder {
           transform: translate(-50%, -50%);
         }
       }
-      
+
       .oper {
         top: auto;
         left: auto;
@@ -607,49 +607,49 @@ textarea:-ms-input-placeholder {
   color: @activeclr;
 
   &.submit {
-    color: #fff!important;
+    color: #fff !important;
     background-color: @color;
-    &:hover{
-      background-color: @hoverclr!important;
-      border-color:  @hoverclr!important;
-      color: #fff!important;
+    &:hover {
+      background-color: @hoverclr !important;
+      border-color: @hoverclr !important;
+      color: #fff !important;
     }
-    &:active{
-      background-color: @activeclr!important;
-      border-color:  @activeclr!important;
-      color: #fff!important;
+    &:active {
+      background-color: @activeclr !important;
+      border-color: @activeclr !important;
+      color: #fff !important;
     }
   }
 
   &.cancel {
-    background-color: @cancelcolor!important;
-    border-color:  @cancelcolor!important;
-    color: @fontcolor!important;
-    &:hover{
-      background-color: @cancelhoverclr!important;
-      border-color:  @cancelhoverclr!important;
-      color: @fontcolor!important;
+    background-color: @cancelcolor !important;
+    border-color: @cancelcolor !important;
+    color: @fontcolor !important;
+    &:hover {
+      background-color: @cancelhoverclr !important;
+      border-color: @cancelhoverclr !important;
+      color: @fontcolor !important;
     }
-    &:active{
-      background-color: @cancelactiveclr!important;
-      border-color:  @cancelactiveclr!important;
-      color: @fontcolor!important;
+    &:active {
+      background-color: @cancelactiveclr !important;
+      border-color: @cancelactiveclr !important;
+      color: @fontcolor !important;
     }
   }
 
   &.deepcancel {
-    background-color: @deepcancelcolor!important;
-    border-color:  @deepcancelcolor!important;
-    color: #fff!important;
-    &:hover{
-      background-color: @deepcancelhoverclr!important;
-      border-color:  @deepcancelhoverclr!important;
-      color: #fff!important;
+    background-color: @deepcancelcolor !important;
+    border-color: @deepcancelcolor !important;
+    color: #fff !important;
+    &:hover {
+      background-color: @deepcancelhoverclr !important;
+      border-color: @deepcancelhoverclr !important;
+      color: #fff !important;
     }
-    &:active{
-      background-color: @deepcancelactiveclr!important;
-      border-color:  @deepcancelactiveclr!important;
-      color: #fff!important;
+    &:active {
+      background-color: @deepcancelactiveclr !important;
+      border-color: @deepcancelactiveclr !important;
+      color: #fff !important;
     }
   }
 
@@ -667,15 +667,15 @@ textarea:-ms-input-placeholder {
     border-color: #c80303;
     color: #fff;
   }
-  &:hover{
-    background-color: transparent!important;
-    color: @hoverclr!important;
-    border-color:  @hoverclr!important;
+  &:hover {
+    background-color: transparent !important;
+    color: @hoverclr !important;
+    border-color: @hoverclr !important;
   }
-  &:active{
-    background-color: transparent!important;
-    color: @activeclr!important;
-    border-color:  @activeclr!important;
+  &:active {
+    background-color: transparent !important;
+    color: @activeclr !important;
+    border-color: @activeclr !important;
   }
 }
 
@@ -726,7 +726,7 @@ textarea:-ms-input-placeholder {
   background: #fff;
   z-index: 10000;
   margin-top: 0px;
-  color: @color !important;
+  color: @color  !important;
   font-size: 14px;
   box-shadow: -1px 2px 8px 0px rgba(0, 0, 0, 0.25);
   transition: opacity 0.3s, transform 0.2s;
@@ -777,7 +777,7 @@ textarea:-ms-input-placeholder {
         }
       }
     }
-    .ui-message-main{
+    .ui-message-main {
       text-align: left;
       min-height: 80px;
       margin-top: 40px;
@@ -785,22 +785,22 @@ textarea:-ms-input-placeholder {
   }
 }
 
-.message-material{
+.message-material {
   border-radius: 4px;
-  @color:#0076F6;
+  @color: #0076F6;
   background: #fff;
   padding: 26px;
-  .header-material{
+  .header-material {
     border-bottom: none;
     line-height: 1;
     height: auto;
-    >span {
+    > span {
       font-size: 18px;
       margin-left: 0;
       &:last-child {
         width: auto;
         cursor: pointer;
-        >i{
+        > i {
           font-size: 20px;
           color: #909090;
         }
@@ -808,11 +808,11 @@ textarea:-ms-input-placeholder {
     }
   }
 
-  .main-material{
-    .ui-message-icon,.ui-message-title{
+  .main-material {
+    .ui-message-icon, .ui-message-title {
       display: none;
     }
-    .ui-message-content{
+    .ui-message-content {
       line-height: 20px;
       font-size: 14px;
       color: #323233;
@@ -820,9 +820,9 @@ textarea:-ms-input-placeholder {
       margin: 40px 0;
     }
   }
-  
-  
-  .footer-material{
+
+
+  .footer-material {
     margin: 0;
     margin-top: 60px;
     padding: 0;
@@ -993,61 +993,61 @@ textarea:-ms-input-placeholder {
   top: 0;
 
   i {
-      margin: 0 5px;
-      &:before {
-          font-family: "iconfont" !important;
-          font-size: 32px;
-          line-height: 36px;
-          font-style: normal;
-      }
+    margin: 0 5px;
+    &:before {
+      font-family: "iconfont" !important;
+      font-size: 32px;
+      line-height: 36px;
+      font-style: normal;
+    }
   }
 
   li {
-      cursor: pointer;
+    cursor: pointer;
   }
 
-  >div {
-      height: 36px;
-      background: #262729;
+  > div {
+    height: 36px;
+    background: #262729;
+    position: absolute;
+    transform: translate(-100%, -50%) translateX(-15px);
+    border-top-left-radius: 18px;
+    border-bottom-left-radius: 18px;
+    padding-left: 10px;
+    pointer-events: auto;
+    box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.4);
+    &:after {
       position: absolute;
-      transform: translate(-100%, -50%) translateX(-15px);
-      border-top-left-radius: 18px;
-      border-bottom-left-radius: 18px;
-      padding-left: 10px;
-      pointer-events: auto;
-      box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.4);
-      &:after {
-          position: absolute;
-          right: -15px;
-          top: 0;
-          content: '';
-          width: 0;
-          height: 0;
-          border-style: solid;
-          border-width: 18px 0 18px 15px;
-          border-color: transparent transparent transparent #262729;
-      }
+      right: -15px;
+      top: 0;
+      content: '';
+      width: 0;
+      height: 0;
+      border-style: solid;
+      border-width: 18px 0 18px 15px;
+      border-color: transparent transparent transparent #262729;
+    }
   }
 
-  &.right>div {
-      transform: translate(15px, -50%);
-      border-top-left-radius: 0;
-      border-bottom-left-radius: 0;
-      border-top-right-radius: 18px;
-      border-bottom-right-radius: 18px;
-      padding: 0 10px 0 0;
-      &:after {
-          right: auto;
-          left: -15px;
-          border-width: 18px 15px 18px 0;
-          border-color: transparent #262729 transparent transparent;
-      }
+  &.right > div {
+    transform: translate(15px, -50%);
+    border-top-left-radius: 0;
+    border-bottom-left-radius: 0;
+    border-top-right-radius: 18px;
+    border-bottom-right-radius: 18px;
+    padding: 0 10px 0 0;
+    &:after {
+      right: auto;
+      left: -15px;
+      border-width: 18px 15px 18px 0;
+      border-color: transparent #262729 transparent transparent;
+    }
   }
   .delete-ruler li {
-      line-height: 36px;
-      padding: 0 10px;
-      word-break: keep-all;
-      list-style: none;
+    line-height: 36px;
+    padding: 0 10px;
+    word-break: keep-all;
+    list-style: none;
   }
 }
 
@@ -1197,7 +1197,7 @@ textarea:-ms-input-placeholder {
 
 
 /* edit 界面 ruler立刻出现 */
-body[edit-mode="mobile"] .ruler-line em,  body[edit-mode="pc"] .ruler-line em{
+body[edit-mode="mobile"] .ruler-line em, body[edit-mode="pc"] .ruler-line em {
   animation-delay: 0s;
 }
 
@@ -1269,7 +1269,7 @@ body[edit-mode="pc"] .ruler-label .ruler-label-name,
 
 .widgets-doll-labels .room-label a {
   display: block;
-  position: absolute; 
+  position: absolute;
   line-height: 32px;
   top: -66px;
   transform: translate(-50%, -100%);
@@ -1526,109 +1526,109 @@ body[edit-mode="pc"] .ruler-label .ruler-label-name,
 
 @-webkit-keyframes ruler-point {
   0% {
-      height: 0
+    height: 0
   }
 
   to {
-      height: 11.375px
+    height: 11.375px
   }
 }
 
 @keyframes ruler-point {
   0% {
-      height: 0
+    height: 0
   }
 
   to {
-      height: 11.375px
+    height: 11.375px
   }
 }
 
 @-webkit-keyframes ruler-label {
   0% {
-      max-width: 0
+    max-width: 0
   }
 
   to {
-      max-width: 131.25px
+    max-width: 131.25px
   }
 }
 
 @keyframes ruler-label {
   0% {
-      max-width: 0
+    max-width: 0
   }
 
   to {
-      max-width: 131.25px
+    max-width: 131.25px
   }
 }
 
 @-webkit-keyframes door-label {
   0% {
-      opacity: 0;
-      margin-top: 8.75px
+    opacity: 0;
+    margin-top: 8.75px
   }
 
   to {
-      opacity: 1;
-      margin-top: 0
+    opacity: 1;
+    margin-top: 0
   }
 }
 
 @keyframes door-label {
   0% {
-      opacity: 0;
-      margin-top: 8.75px
+    opacity: 0;
+    margin-top: 8.75px
   }
 
   to {
-      opacity: 1;
-      margin-top: 0
+    opacity: 1;
+    margin-top: 0
   }
 }
 
 @-webkit-keyframes room-label {
   0% {
-      opacity: 0;
-      margin-top: 8.75px
+    opacity: 0;
+    margin-top: 8.75px
   }
 
   to {
-      opacity: 1;
-      margin-top: 0
+    opacity: 1;
+    margin-top: 0
   }
 }
 
 @keyframes room-label {
   0% {
-      opacity: 0;
-      margin-top: 8.75px
+    opacity: 0;
+    margin-top: 8.75px
   }
 
   to {
-      opacity: 1;
-      margin-top: 0
+    opacity: 1;
+    margin-top: 0
   }
 }
 
 @-webkit-keyframes ruler-line {
   0% {
-      width: 0
+    width: 0
   }
 
   to {
-      width: 100%
+    width: 100%
   }
 }
 
 @keyframes ruler-line {
   0% {
-      width: 0
+    width: 0
   }
 
   to {
-      width: 100%
+    width: 100%
   }
 }
 
@@ -1636,87 +1636,87 @@ body[edit-mode="pc"] .ruler-label .ruler-label-name,
 
 
 [app-border] {
-    position: relative;
-    &[dir-top],
-    &[dir-left],
-    &[dir-right],
-    &[dir-bottom] {
-        &::after {
-            content: "";
-            position: absolute;
-            background-color: #000;
-        }
+  position: relative;
+  &[dir-top],
+  &[dir-left],
+  &[dir-right],
+  &[dir-bottom] {
+    &::after {
+      content: "";
+      position: absolute;
+      background-color: #000;
     }
+  }
 
-    &[dir-top] {
-        border-top: solid 1px #47484a;
+  &[dir-top] {
+    border-top: solid 1px #47484a;
 
-        &::after {
-            top: 0;
-            left: 0;
-            width: 100%;
-            height: 1px;
-        }
+    &::after {
+      top: 0;
+      left: 0;
+      width: 100%;
+      height: 1px;
     }
+  }
 
-    &[dir-left] {
-        border-left: solid 1px #47484a;
+  &[dir-left] {
+    border-left: solid 1px #47484a;
 
-        &::after {
-            top: 0;
-            left: 0;
-            height: 100%;
-            width: 1px;
-        }
+    &::after {
+      top: 0;
+      left: 0;
+      height: 100%;
+      width: 1px;
     }
+  }
 
-    &[dir-right] {
-        border-right: solid 1px #47484a;
+  &[dir-right] {
+    border-right: solid 1px #47484a;
 
-        &::after {
-            top: 0;
-            right: 0;
-            height: 100%;
-            width: 1px;
-        }
+    &::after {
+      top: 0;
+      right: 0;
+      height: 100%;
+      width: 1px;
     }
+  }
 
-    &[dir-bottom] {
-        border-bottom: solid 1px #47484a;
+  &[dir-bottom] {
+    border-bottom: solid 1px #47484a;
 
-        &::after {
-            left: 0;
-            bottom: 0;
-            width: 100%;
-            height: 1px;
-        }
+    &::after {
+      left: 0;
+      bottom: 0;
+      width: 100%;
+      height: 1px;
     }
+  }
 }
 
-.mCSB_inside>.mCSB_container{
-    margin-right: 0 !important;
+.mCSB_inside > .mCSB_container {
+  margin-right: 0 !important;
 }
 
-.mCSB_horizontal.mCSB_inside>.mCSB_container{
-    margin-bottom: 14px !important;
+.mCSB_horizontal.mCSB_inside > .mCSB_container {
+  margin-bottom: 14px !important;
 }
 
-.mCSB_scrollTools.mCSB_scrollTools_vertical{
-    width: 6px !important;
+.mCSB_scrollTools.mCSB_scrollTools_vertical {
+  width: 6px !important;
 }
 
-.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
-    background-color: rgba(98, 102, 102,0.75)
+.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
+  background-color: rgba(98, 102, 102, 0.75)
 }
 .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
-    background-color: rgba(153,153,153,.85);
+  background-color: rgba(153, 153, 153, .85);
 }
 
-.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
-    background-color: rgba(153,153,153,.9);
+.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
+  background-color: rgba(153, 153, 153, .9);
 }
 
-.dialog{
+.dialog {
   position: fixed;
   left: 0;
   top: 0;
@@ -1732,15 +1732,15 @@ a {
 
 // 覆盖element-ui的默认样式
 .el-message--success, .el-message--info, .el-message--warning, .el-message--error {
-  background: #1F1F1F!important;
-  box-shadow: 0px 9px 28px 8px rgba(0, 0, 0, 0.2), 0px 6px 16px 0px rgba(0, 0, 0, 0.32), 0px 3px 6px -4px rgba(0, 0, 0, 0.48)!important;
-  border-radius: 20px!important;
-  border: 1px solid #333333!important;
+  background: #1F1F1F !important;
+  box-shadow: 0px 9px 28px 8px rgba(0, 0, 0, 0.2), 0px 6px 16px 0px rgba(0, 0, 0, 0.32), 0px 3px 6px -4px rgba(0, 0, 0, 0.48) !important;
+  border-radius: 20px !important;
+  border: 1px solid #333333 !important;
   min-width: 0;
   padding: 0 15px;
   height: 40px;
-  .el-message__content{
-    color: rgba(255, 255, 255, 0.6)!important;
+  .el-message__content {
+    color: rgba(255, 255, 255, 0.6) !important;
     font-size: 14px;
   }
   .el-icon-success {