zuaa
/
vue-vben-admin
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

style(notice-list): adjust style 

去除通知列表组件标题和内容部分多余的margin-bottom，禁止自动隐藏不可用的翻页按钮
This commit is contained in:
无木 2021-07-12 22:33:28 +08:00
parent aeebfc4d3d
commit 012020e51c
1 changed files with 6 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/layouts/default/header/components/notify/NoticeList.vue
View File

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