提交 2ce3a6af 编写于 作者: KK's avatar KK

搜索高度调整

上级 3a5112cc
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
.app-form-item2-search { .app-form-item2-search {
width: 100%; width: 100%;
font-size: 15px; font-size: 15px;
padding: 15px; padding: 15px 15px 0 15px;
.app-form-item2_header { .app-form-item2_header {
padding: 0 5px; padding: 0 5px;
display: flex; display: flex;
......
...@@ -3,7 +3,6 @@ ...@@ -3,7 +3,6 @@
justify-content: end; justify-content: end;
align-items: center; align-items: center;
flex-wrap: wrap; flex-wrap: wrap;
height: 105px;
overflow: hidden; overflow: hidden;
.app-search-editor-item { .app-search-editor-item {
width: calc(33% - 16px); width: calc(33% - 16px);
......
<template> <template>
<div class="app-search-editor"> <div :style="{ height: setHeight }" class="app-search-editor">
<div class="app-search-editor-item" :class="{'app-search-editor-item-active':selectValue.value == item.value}" @click="itemClick(item)" v-for="item in options " :key="item.id">{{item.text}}</div> <div class="app-search-editor-item" :class="{'app-search-editor-item-active':selectValue.value == item.value}" @click="itemClick(item)" v-for="item in options " :key="item.id">{{item.text}}</div>
</div> </div>
</template> </template>
...@@ -271,6 +271,13 @@ export default class AppSearchEditor extends Vue { ...@@ -271,6 +271,13 @@ export default class AppSearchEditor extends Vue {
return true; return true;
} }
/**
* setHeight
*/
get setHeight() {
return this.options.length>3?"105px":"aotu"
}
/** /**
* 生命周期 * 生命周期
* *
......
Markdown 格式
0% or
您添加了 0 到此讨论。请谨慎行事。
先完成此消息的编辑!
想要评论请 注册