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/publish.vue | 21 +++++++-------------- 1 files changed, 7 insertions(+), 14 deletions(-) diff --git a/src/views/components/publish.vue b/src/views/components/publish.vue index 1dae045..9f8e290 100644 --- a/src/views/components/publish.vue +++ b/src/views/components/publish.vue @@ -4,7 +4,7 @@ <div class="filters"> <el-form :model="state.querys" style="display:flex;"> <el-form-item label="机构名称:" class="nameInput" style="width: 300px;margin-bottom: 0;margin-right: 20px;"> - <el-input v-model="state.querys.name" placeholder="请输入机构名称" /> + <el-input v-model="state.querys.name" /> </el-form-item> <el-form-item label="所在地市:" style="margin-bottom: 0;margin-right: 20px"> <el-cascader @@ -14,11 +14,10 @@ :props="props" @change="handleChange" style="width: 100%" - size="large" /> </el-form-item> <el-form-item label="业务范围:" style="margin-bottom: 0;margin-right: 20px"> - <el-select v-model="state.querys.business" placeholder="请选择业务范围" multiple size="large" style="width: 100%"> + <el-select v-model="state.querys.business" placeholder="请选择业务范围" multiple style="width: 100%"> <el-option v-for="item in state.busList" :key="item.id" @@ -34,7 +33,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.name}}</div> </div> <span> @@ -64,7 +63,6 @@ import {ElMessage} from "element-plus"; import {getRegionTree} from "@/api/area"; import {getDict} from "@/api/login"; -import articlePng from "@/assets/images/article.png"; const emit = defineEmits(['openDetails']) const route = useRoute() const router = useRouter() @@ -210,17 +208,12 @@ 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{ @@ -262,12 +255,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; @@ -315,7 +308,7 @@ .pag-container{ width: 100%; - height: 80px; + height: 60px; display: flex; align-items: center; justify-content: right; -- Gitblit v1.9.2