fork-reap-design/src/styles/common.less

A high quality UI components Library with Vue.js

/**
 * @author jonasli
 * @module 公共样式
*/
html {
    // zxd 全屏滚 height 去掉100%
    // height: 100%;
}
body {
    // zxd 全屏滚 height 去掉100%
    // height: 100%;
    width: 100%;
    min-width: 1366px;
    -webkit-text-size-adjust: none;
    -webkit-overflow-scrolling:touch;
}
body {
    // min-width: 1260px;
    overflow-x: auto;
}
html body {
    font-size: 14px;
}

ul li {
    list-style: none
}

#app {
    height: 100%;
}
/*chrome自定义滚动条*/
// ::-webkit-scrollbar {
//     width: 6px;
//     height: 10px;
// }

// ::-webkit-scrollbar-thumb {
//     border-radius: 3px;
//     -moz-border-radius: 3px;
//     -webkit-border-radius: 3px;
//     background-color: #c3c3c3;
// }
// ::-webkit-input-placeholder {
//     color: #c5c8ce;
// }

// ::-webkit-scrollbar-track {
//     background-color: #eee;
// }

// iconfont 官网滚动条样式
// ::-webkit-scrollbar {
//     width: 10px;
//     height: 10px;
//     overflow: auto;
// }
// ::-webkit-scrollbar-thumb {
//     background-color: #e6e6e6;
//     min-height: 25px;
//     min-width: 25px;
//     border: 1px solid #e0e0e0;
// }
// ::-webkit-scrollbar-track {
//     background-color: #f7f7f7;
//     border: 1px solid #efefef;
// }
.aui-scrollbar {
    &::-webkit-scrollbar-thumb {
        background: transparent;
        border-radius: 10px;
    }
    &::-webkit-scrollbar {
        width: 1px;
        height: 17px;
        background: 0 0;
        border-radius: 9px;
    }
    &:hover {
        &::-webkit-scrollbar-thumb {
            background: #c2c2c2;
            border-radius: 10px;
        }
    }
}

// title 前竖杠
.aui-title-style {
    position: relative;
    padding-left: 10px;
    font-size: 14px;
    color: #000;
    &::before {
        content: "";
        position: absolute;
        left: 0;
        top: 50%;
        width: 2px;
		height: 80%;
        transform: translateY(-50%);
        background-color: @primary-color;
    }
}