瀏覽代碼

style(notice-list): adjust style

去除通知列表组件标题和内容部分多余的margin-bottom,禁止自动隐藏不可用的翻页按钮
无木 3 年之前
父節點
當前提交
012020e51c
共有 1 個文件被更改,包括 6 次插入1 次删除
  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;