From d92bb1f81dcbb7090e00f613c7043aca914a121a Mon Sep 17 00:00:00 2001
From: 马宇豪 <978517621@qq.com>
Date: 星期四, 14 十二月 2023 14:06:50 +0800
Subject: [PATCH] 修改样式
---
src/views/components/laws.vue | 18 ++++++++++++------
1 files changed, 12 insertions(+), 6 deletions(-)
diff --git a/src/views/components/laws.vue b/src/views/components/laws.vue
index d5a811d..7800169 100644
--- a/src/views/components/laws.vue
+++ b/src/views/components/laws.vue
@@ -3,7 +3,7 @@
<div class="main-content">
<div class="filters">
<el-form :model="state.querys">
- <el-form-item label="法律法规名称" style="width: 500px;margin-bottom: 0;margin-right: 20px">
+ <el-form-item label="法律法规名称:" style="width: 500px;margin-bottom: 0;margin-right: 20px">
<el-input v-model="state.querys.title" />
</el-form-item>
</el-form>
@@ -23,9 +23,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"
/>
@@ -80,6 +81,7 @@
}
const handleSizeChange = (val) => {
+ state.querys.pageNum = 1;
state.querys.pageSize = val
getData()
}
@@ -88,6 +90,7 @@
getData()
}
const search = () => {
+ state.querys.pageNum = 1;
getData()
}
const reset = () => {
@@ -114,11 +117,14 @@
width: 100%;
display: flex;
justify-content: center;
- margin-top: 170px;
+ margin-top: 150px;
+ :deep(.el-form .el-form-item__label) {
+ font-size: 16px;
+ }
.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);
@@ -155,7 +161,7 @@
.list{
padding: 15px 0;
- max-height: calc(100vh - 402px);
+ height: calc(100vh - 332px);
overflow-y: auto;
&>div{
@@ -208,7 +214,7 @@
.pag-container{
width: 100%;
- height: 80px;
+ height: 60px;
display: flex;
align-items: center;
justify-content: right;
--
Gitblit v1.9.2