From afdca5cb7b8d5c735ab70926e4f5853d904991c6 Mon Sep 17 00:00:00 2001 From: 马宇豪 <978517621@qq.com> Date: 星期四, 14 十二月 2023 13:54:53 +0800 Subject: [PATCH] 修改样式 --- src/views/components/notice.vue | 14 ++++++++------ 1 files changed, 8 insertions(+), 6 deletions(-) diff --git a/src/views/components/notice.vue b/src/views/components/notice.vue index 66e5b2d..b4cfede 100644 --- a/src/views/components/notice.vue +++ b/src/views/components/notice.vue @@ -14,9 +14,10 @@ </div> <div class="pag-container" v-if="state.total&&state.total>0"> <el-pagination - :page-sizes="[10,15,20,25]" + :page-sizes="[10,15,20]" layout="total, sizes, prev, pager, next, jumper" :total="state.total" + :current-page="state.querys.pageNum" @size-change="handleSizeChange" @current-change="handleCurrentChange" /> @@ -60,6 +61,7 @@ }, { immediate: true }); const handleSizeChange = (val) => { + state.querys.pageNum = 1 state.querys.pageSize = val getData() } @@ -93,11 +95,11 @@ width: 100%; display: flex; justify-content: center; - margin-top: 170px; + margin-top: 150px; .main-content{ width: 1200px; - margin: 20px 0; + margin: 15px 0; background: #fff; border-radius: 4px; box-shadow: 1px 1px 3px rgba(0,0,0,.04); @@ -106,12 +108,12 @@ .list{ padding: 15px 0; - max-height: calc(100vh - 350px); + height: calc(100vh - 280px); overflow-y: auto; &>div{ display: flex; - padding: 10px; + padding: 8px; align-items: center; justify-content: space-between; border-bottom: 1px dashed #ebeef5; @@ -159,7 +161,7 @@ .pag-container{ width: 100%; - height: 80px; + height: 60px; display: flex; align-items: center; justify-content: right; -- Gitblit v1.9.2