From e3b49d33e9c2e8ba75ce3d6fdef0da27d529c72c Mon Sep 17 00:00:00 2001 From: zhouwenxuan <1175765986@qq.com> Date: 星期四, 14 十二月 2023 10:43:00 +0800 Subject: [PATCH] 样式调整 --- src/views/components/laws.vue | 15 ++++++++++++--- 1 files changed, 12 insertions(+), 3 deletions(-) diff --git a/src/views/components/laws.vue b/src/views/components/laws.vue index 54b71a0..a1cc6d5 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="法律法规名称:" style="font-size: 15px; width: 500px;margin-bottom: 0;margin-right: 20px"> - <el-input v-model="state.querys.title" /> + <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> </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="src/assets/images/article.png"></div> + <div><img :src="articlePng"></div> <div>{{item.title}}</div> </div> <span> @@ -41,6 +41,7 @@ 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() @@ -121,6 +122,14 @@ :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{ width: 1200px; -- Gitblit v1.9.2