Parcourir la source

style(notice-list): adjust style

去除通知列表组件标题和内容部分多余的margin-bottom,禁止自动隐藏不可用的翻页按钮
无木 il y a 3 ans
Parent
commit
012020e51c
1 fichiers modifiés avec 6 ajouts et 1 suppressions
  1. 6 1
      src/layouts/default/header/components/notify/NoticeList.vue

+ 6 - 1
src/layouts/default/header/components/notify/NoticeList.vue

@@ -1,5 +1,5 @@
 <template>
-  <a-list :class="prefixCls" bordered :pagination="getPagination" size="small">
+  <a-list :class="prefixCls" bordered :pagination="getPagination">
     <template v-for="item in getData" :key="item.id">
       <a-list-item class="list-item">
         <a-list-item-meta>
@@ -115,6 +115,7 @@
           return {
             total: list.length,
             pageSize,
+            //size: 'small',
             current: unref(current),
             onChange(page) {
               current.value = page;
@@ -142,6 +143,10 @@
       display: none;
     }
 
+    ::v-deep(.ant-pagination-disabled) {
+      display: inline-block !important;
+    }
+
     &-item {
       padding: 6px;
       overflow: hidden;