Commit a04bf4ce3675175fdf26ec00d87febd4a5d147d9

Authored by 李婷
1 parent db8cd365

feat: 样式修复

@@ -83,7 +83,7 @@ const QxPagination: React.FC<QxPaginationProps> = (props) => { @@ -83,7 +83,7 @@ const QxPagination: React.FC<QxPaginationProps> = (props) => {
83 </button> 83 </button>
84 </li> 84 </li>
85 <Popover 85 <Popover
86 - overlayClassName={'qx-pagination__overlay'} 86 + overlayClassName={'qx-pagination__overlay qx-common-pagination'}
87 content={pageContent} 87 content={pageContent}
88 trigger={total === 0 ? undefined : 'click'} 88 trigger={total === 0 ? undefined : 'click'}
89 placement={'bottom'} 89 placement={'bottom'}
@@ -22,3 +22,72 @@ @@ -22,3 +22,72 @@
22 margin-bottom: 5px; 22 margin-bottom: 5px;
23 } 23 }
24 } 24 }
  25 +.qx-pagination.ant-pagination {
  26 + box-sizing: border-box;
  27 + margin: 0;
  28 + padding: 0;
  29 + color: rgba(0,0,0,.85);
  30 + font-size: 14px;
  31 + line-height: 1.5715;
  32 + list-style: none;
  33 + display: flex;
  34 +
  35 + &:after {
  36 + display: block;
  37 + clear: both;
  38 + height: 0;
  39 + overflow: hidden;
  40 + visibility: hidden;
  41 + content: " ";
  42 + }
  43 + .ant-pagination-prev {
  44 + min-width: 24px;
  45 + height: 24px;
  46 + margin: 0;
  47 + line-height: 24px;
  48 + }
  49 + .ant-pagination-disabled, .ant-pagination-disabled:hover {
  50 + cursor: not-allowed;
  51 + }
  52 +
  53 + .ant-pagination-next .ant-pagination-item-link, .ant-pagination-prev .ant-pagination-item-link {
  54 + display: block;
  55 + width: 100%;
  56 + height: 100%;
  57 + padding: 0;
  58 + font-size: 12px;
  59 + text-align: center;
  60 + background-color: #fff;
  61 + border: 1px solid #d9d9d9;
  62 + border-radius: 2px;
  63 + outline: none;
  64 + transition: all .3s;
  65 + }
  66 + .ant-pagination-slash {
  67 + margin: 0 10px 0 5px;
  68 + }
  69 +
  70 + .ant-pagination-next .ant-pagination-item-link, .ant-pagination-prev .ant-pagination-item-link {
  71 + background: transparent;
  72 + border-color: transparent;
  73 + }
  74 +
  75 +}
  76 +
  77 +.ant-pagination-simple.qx-pagination .ant-pagination-prev .ant-pagination-item-link {
  78 + height: 24px;
  79 + background-color: transparent;
  80 + border: 0;
  81 +}
  82 +
  83 +.ant-pagination-simple.qx-pagination .ant-pagination-simple-pager {
  84 + display: inline-block;
  85 + height: 24px;
  86 + margin-right: 8px;
  87 +}
  88 +
  89 +.qx-pagination__overlay.qx-common-pagination {
  90 + .ant-popover-inner {
  91 + padding: 10px 20px;
  92 + }
  93 +}
@@ -12,6 +12,9 @@ @@ -12,6 +12,9 @@
12 } 12 }
13 13
14 .qx-user-selector--input { 14 .qx-user-selector--input {
  15 + border: 1px solid #d9d9d9;
  16 + border-radius: 4px;
  17 + position: relative;
15 &.ant-input { 18 &.ant-input {
16 box-sizing: border-box; 19 box-sizing: border-box;
17 padding: 3px 32px 3px 11px; 20 padding: 3px 32px 3px 11px;