2025-01-16

king

2025-01-16 325aa13d3b61d1c066f8fcab107003ef36713df3

 src/assets/css/design.scss

@@ -4,6 +4,7 @@
  }
  .ant-modal-body {
    padding: 0;
    min-height: 150px;

    .mk-com-name {
      position: absolute;
@@ -51,6 +52,49 @@
    }
  }
}
.ant-modal-wrap.mk-scroll-modal {
  .ant-modal {
    top: 50px;
  }
  .ant-modal-body {
    min-height: 150px;
    max-height: calc(100vh - 170px);
    overflow-y: auto;
  }
  .ant-modal-body::-webkit-scrollbar {
    width: 7px;
  }
  .ant-modal-body::-webkit-scrollbar-thumb {
    border-radius: 5px;
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.13);
    background: rgba(0, 0, 0, 0.13);
  }
  .ant-modal-body::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.05);
    border-radius: 3px;
    border: 1px solid rgba(0, 0, 0, 0.07);
    background: rgba(0, 0, 0, 0);
  }
}

// 自定义滚动样式
.mk-scrollbar {
  overflow-y: auto;
}
.mk-scrollbar::-webkit-scrollbar {
  width: 7px;
}
.mk-scrollbar::-webkit-scrollbar-thumb {
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.13);
  background: rgba(0, 0, 0, 0.13);
  border-radius: 5px;
}
.mk-scrollbar::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.05);
  border: 1px solid rgba(0, 0, 0, 0.07);
  background: rgba(0, 0, 0, 0);
  border-radius: 3px;
}

.ant-modal {
  .ant-radio-group {
@@ -75,18 +119,37 @@
}
.mk-through-line3 {
  .ant-form-item-label {
    width: 11%;
    width: 10.6%;
  }
  .ant-form-item-control-wrapper {
    width: 89%;
    width: 89.4%;
  }
  .CodeMirror {
    height: 150px;
    height: 200px;
  }
}
.mk-color-move {
  .color-sketch-block {

// 表单工具
.mk-form-tool {
  float: right;
  padding-right: 15px;
  .anticon {
    margin-right: 15px;
    font-size: 16px;
    cursor: pointer!important;
    position: relative;
    top: 7px;
    top: 2px;
  }
  .anticon-copy {
    color: #26C281;
  }
  .anticon-swap {
    color: #1890ff;
  }
  .anticon-fork {
    color: purple;
  }
  .anticon-delete {
    color: #f5222d;
  }
}