From 39e377e67f80a18e1b69affdd7a14f15522cc102 Mon Sep 17 00:00:00 2001 From: 马宇豪 <978517621@qq.com> Date: 星期四, 14 十二月 2023 13:56:41 +0800 Subject: [PATCH] 修改样式 --- src/views/components/notice.vue | 12 +++++++----- 1 files changed, 7 insertions(+), 5 deletions(-) diff --git a/src/views/components/notice.vue b/src/views/components/notice.vue index 66e5b2d..1faaed8 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,7 +108,7 @@ .list{ padding: 15px 0; - max-height: calc(100vh - 350px); + height: calc(100vh - 280px); overflow-y: auto; &>div{ @@ -159,7 +161,7 @@ .pag-container{ width: 100%; - height: 80px; + height: 60px; display: flex; align-items: center; justify-content: right; -- Gitblit v1.9.2