w-vue-middle/themes/index.less

统一公共服务组件

/**
 * @Author: Jason Liu
 * @description: 基础通用样式
 */

@Info: #999999;
@Success: #00ab44;
@Warning: #ff8c00;
@Danger: #ec0000;
@maskColor: hsla(0, 0%, 100%, 0.3);
/**
* @Author: Jason Liu
* @description: 字体颜色
*/

@import "./config.less";
@import "./ant.less";

/**
* @Author: Jason Liu
* @description: 主内容设置
* @param {*}
* @return {*}
*/
html {
  font-family: "Source Han Serif SC", "PingFang SC", "Microsoft YaHei", "Arial",
    "sans-serif";
  ::-webkit-scrollbar {
    /*滚动条整体样式*/
    width: 6px;
    /*高宽分别对应横竖滚动条的尺寸*/
    height: 8px;
    position: fixed;
    opacity: 0.3;
    right: 0;
  }

  ::-webkit-scrollbar-thumb {
    /*滚动条里面小方块*/
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.2);
    background-color: #d1d1d1;
    opacity: 0.1;
  }
  ::-webkit-scrollbar-thumb:hover {
    background-color: #828282;
    opacity: 0.1;
  }
  ::-webkit-scrollbar-track {
    /*滚动条里面轨道*/
    -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.2);
    border-radius: 10px;
    background-color: #fafafa;
    opacity: 0.1;
  }
  > body {
    margin: inherit;
    background: #eff2fd;
    .h1 {
      font-size: 25px;
      color: @primaryText;
    }
    p {
      margin: initial;
    }
    a {
      color: #fff;
    }
    .no_border {
      border: none;
    }
    .border_bottom {
      border: none;
      border-bottom: 1px solid @borderColor;
    }
    .border_right {
      border-right: 1px solid @borderColor;
    }
    ul {
      list-style: none;
      padding: 0;
      margin: 0;
      li {
        font-size: 14px;
        font-weight: 400;
      }
    }
    img {
      width: 100%;
      height: 100%;
    }
  }
}

/**
 * @Author: Jason Liu
 * @description: 卫宁60主题色系
 */

.winning_60 {
  .main_content(#2d5afa, #5175f4, #2848dc, #eaeefe, #f3f5ff, #41edff,#EEF2FD);
}

/**
 * @Author: Jason Liu
 * @description: 卫宁天蓝
 */

.winning_sky_blue {
  .main_content(#0791ef, #48adf3, #068bdd, #ecf7ff, #f5fbff, #46fff9,#EEF2FD);
}

/**
 * @Author: Jason Liu
 * @description: 卫宁明青
 */

.winning_cyanogen {
  .main_content(#2db7a0, #60cb, #089881, #edfdfb, #f0f8f8, #bffff4,#EEF2FD);
}

/**
 * @Author: Jason Liu
 * @description: 卫宁孕妇粉
 */

.winning_pink {
  .main_content(#f24f86, #ff82ac, #d03469, #ffe4ef, #ffeef5, #ffdae8,#EEF2FD);
}

/**
 * @Author: Jason Liu
 * @description: 卫宁酱紫
 */

.winning_purple {
  .main_content(#722ed1, #9e6ee1, #551aa7, #f5edff, #f9f5ff, #e0ccff,#EEF2FD);
}