@import './color.less'; // @font-face { // font-family: siYuanHeiTi; // src: url('../assets/font/SourceHanSansCN-Regular-2.otf'); // } // 间距 // 页面卡片间的边距 @cardMargin: 24px; // 圆角 @borderRadius: 2px; html, body { font-family: siYuanHeiTi; font-size: 14px; line-height: 22px; color: @text-color; margin: 0; padding: 0; height: 100%; width: 100%; overflow: hidden; background-color: @bg-color; } #root { height: 100%; width: 100%; } h1, h2, h3, h4, h5 { font-weight: 600; color: @text-color; } h1 { font-size: 30px; line-height: 38px; } h2 { font-size: 24px; line-height: 32px; } h3 { font-size: 18px; line-height: 26px; } h4 { font-size: 16px; line-height: 24px; } h5 { font-size: 14px; line-height: 22px; } ul { margin: 0; list-style: none; padding: 0; } /*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/ ::-webkit-scrollbar { width: 8px; height: 8px; background-color: #dfdfdf; } /*定义滚动条轨道 内阴影+圆角*/ ::-webkit-scrollbar-track { background-color: @bg-color; } /*定义滑块 内阴影+圆角*/ ::-webkit-scrollbar-thumb { border-radius: 8px; background-color: #dfdfdf; } .formLabel { display: block; margin-bottom: 8px; } .buttonMargin { margin-right: 16px; } .searchMore { color: @main-color; margin-left: 16px; cursor: pointer; &-icon { transition: transform 0.3s; } &-iconRotate { transform: rotate(180deg); } } .tableIcon { font-size: 16px; cursor: pointer; } .tableActionIcon { font-size: 16px; } .required { color: @main-color; margin-right: 4px; &-hidden { visibility: hidden; } } .tableRowActive { background-color: @red-1; .ant-table-cell-fix-left, .ant-table-cell-fix-right { background-color: @red-1; } } .ant-row { .ant-form-item { margin-bottom: 0; } } .searchButton { text-align: right; } .pageSearch { background-color: #ffffff; border-radius: @borderRadius; padding: 16px; .ant-input-affix-wrapper, .ant-picker, .ant-select { width: 100%; } } .pageTabs { width: 100%; display: flex; align-items: center; justify-content: space-between; &-action { display: flex; } } .pageTable { background-color: #ffffff; padding: 24px; .ant-table-pagination.ant-pagination { margin: 16px; } } .ant-descriptions-item-content { overflow: hidden; }