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/laws.vue | 23 +++++++---------------- 1 files changed, 7 insertions(+), 16 deletions(-) diff --git a/src/views/components/laws.vue b/src/views/components/laws.vue index e5d7187..6efb88d 100644 --- a/src/views/components/laws.vue +++ b/src/views/components/laws.vue @@ -3,8 +3,8 @@ <div class="main-content"> <div class="filters"> <el-form :model="state.querys"> - <el-form-item label="法律法规名称:" class="nameInput" style="font-size: 15px; width: 500px;margin-bottom: 0;margin-right: 20px"> - <el-input v-model="state.querys.title" placeholder="请输入名称" /> + <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> <el-button type="primary" :icon="Search" class="searchBtn" v-model="state.querys.title" @click="search">搜索</el-button> @@ -13,7 +13,7 @@ <div class="list"> <div v-for="item in state.dataList" @click="openDetails('法律法规',item.id)"> <div> - <div><img :src="articlePng"></div> + <div><img src="src/assets/images/article.png"></div> <div>{{item.title}}</div> </div> <span> @@ -41,7 +41,6 @@ import useUserStore from '@/store/modules/user' import { Search, Refresh } from '@element-plus/icons-vue' import {ElMessage} from "element-plus"; -import articlePng from "@/assets/images/article.png"; const emit = defineEmits(['openDetails']) const route = useRoute() const router = useRouter() @@ -118,17 +117,9 @@ width: 100%; display: flex; justify-content: center; - margin-top: 160px; + margin-top: 150px; :deep(.el-form .el-form-item__label) { font-size: 16px; - } - :deep(.el-form-item){ - align-items: center; - } - .nameInput{ - :deep(.el-input__inner){ - --el-input-inner-height: 38px; - } } .main-content{ @@ -170,12 +161,12 @@ .list{ padding: 15px 0; - height: calc(100vh - 392px); + height: calc(100vh - 332px); overflow-y: auto; &>div{ display: flex; - padding: 10px; + padding: 8px; align-items: center; justify-content: space-between; border-bottom: 1px dashed #ebeef5; @@ -223,7 +214,7 @@ .pag-container{ width: 100%; - height: 80px; + height: 60px; display: flex; align-items: center; justify-content: right; -- Gitblit v1.9.2