Merge pull request #115 from cshaptx4869/patch-74
refactor(PageSearch): ♻️ 改用card作为容器
This commit is contained in:
@@ -1,5 +1,5 @@
|
|||||||
<template>
|
<template>
|
||||||
<el-card shadow="never" class="table-container">
|
<el-card shadow="never">
|
||||||
<!-- 表格工具栏 -->
|
<!-- 表格工具栏 -->
|
||||||
<div class="flex-x-between mb-[10px]">
|
<div class="flex-x-between mb-[10px]">
|
||||||
<!-- 左侧工具栏 -->
|
<!-- 左侧工具栏 -->
|
||||||
|
|||||||
@@ -1,6 +1,7 @@
|
|||||||
<template>
|
<template>
|
||||||
<div
|
<el-card
|
||||||
class="search-container"
|
shadow="never"
|
||||||
|
class="mb-[10px]"
|
||||||
v-show="visible"
|
v-show="visible"
|
||||||
v-hasPerm="[`${searchConfig.pageName}:query`]"
|
v-hasPerm="[`${searchConfig.pageName}:query`]"
|
||||||
>
|
>
|
||||||
@@ -61,7 +62,7 @@
|
|||||||
</el-link>
|
</el-link>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-form>
|
</el-form>
|
||||||
</div>
|
</el-card>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script setup lang="ts">
|
<script setup lang="ts">
|
||||||
@@ -152,13 +153,4 @@ function toggleVisible() {
|
|||||||
defineExpose({ getQueryParams, toggleVisible });
|
defineExpose({ getQueryParams, toggleVisible });
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped></style>
|
||||||
.search-container {
|
|
||||||
padding: 18px 0 0 10px;
|
|
||||||
margin-bottom: 10px;
|
|
||||||
background-color: var(--el-bg-color-overlay);
|
|
||||||
border: 1px solid var(--el-border-color-light);
|
|
||||||
border-radius: 4px;
|
|
||||||
box-shadow: none;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
|
|||||||
Reference in New Issue
Block a user