就是类似于图中这种子元素溢出自动折叠,并且有一个可以展开的按钮。
浮动 弹性盒 自适应
<div :class="isAllHeight % 2 != 0 ? 'common-search-all-h' : 'search-wrapper'"> </div> <div> <span @click="seachMore" v-if="isAllHeight % 2 == 0" class="have-more-info" ><i class="el-icon-arrow-down"></i></span > <span @click="seachMore" v-if="isAllHeight % 2 != 0" class="have-more-info" ><i class="el-icon-arrow-up"></i></span > </div> data() { return { isAllHeight: 0, } } methods:{ seachMore() { this.isAllHeight++; }, } <style> .search-wrapper { background: #fff; padding: 20px 0 0 20px; border-radius: 4px; height: 70px; overflow: hidden; } .common-search-all-h { background: #fff; padding: 20px 0 0 20px; border-radius: 4px; height: 100%; } </style>
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
暂无简介
文章 0 评论 0
接受
发布评论
评论(2)
浮动 弹性盒 自适应