Commit 012020e51c8c71c8cc70d4b630bf4a056e5a2451

Authored by 无木
1 parent aeebfc4d

style(notice-list): adjust style

去除通知列表组件标题和内容部分多余的margin-bottom,禁止自动隐藏不可用的翻页按钮
src/layouts/default/header/components/notify/NoticeList.vue
1 <template> 1 <template>
2 - <a-list :class="prefixCls" bordered :pagination="getPagination" size="small"> 2 + <a-list :class="prefixCls" bordered :pagination="getPagination">
3 <template v-for="item in getData" :key="item.id"> 3 <template v-for="item in getData" :key="item.id">
4 <a-list-item class="list-item"> 4 <a-list-item class="list-item">
5 <a-list-item-meta> 5 <a-list-item-meta>
@@ -115,6 +115,7 @@ @@ -115,6 +115,7 @@
115 return { 115 return {
116 total: list.length, 116 total: list.length,
117 pageSize, 117 pageSize,
  118 + //size: 'small',
118 current: unref(current), 119 current: unref(current),
119 onChange(page) { 120 onChange(page) {
120 current.value = page; 121 current.value = page;
@@ -142,6 +143,10 @@ @@ -142,6 +143,10 @@
142 display: none; 143 display: none;
143 } 144 }
144 145
  146 + ::v-deep(.ant-pagination-disabled) {
  147 + display: inline-block !important;
  148 + }
  149 +
145 &-item { 150 &-item {
146 padding: 6px; 151 padding: 6px;
147 overflow: hidden; 152 overflow: hidden;