2017我们一起做网站,百度一下首页官网,城乡建设网站投稿,做侦探网站从底部弹出来#xff0c;有过渡动画效果 用max-height可以自适应内容的高度#xff0c;当内容会超过最大高度时可以在弹窗里加个scroll-view 弹窗不能用v-if来隐藏#xff0c;不然transition没效果#xff0c;transition只能对已有dom元素起效果#xff0c;所以用透明和v…从底部弹出来有过渡动画效果 用max-height可以自适应内容的高度当内容会超过最大高度时可以在弹窗里加个scroll-view 弹窗不能用v-if来隐藏不然transition没效果transition只能对已有dom元素起效果所以用透明和visibility来隐藏
view tapshowpop弹出来/viewview classpopWai :classisshowpop?popWaiAc: tapclosepopview classpopNei :styleisshowpop?bottom:0:bottom:-680rpxdiv发顺丰萨芬撒/div/view
/viewdata(){return{isshowpop:false,}
},
methods:{showpop(){this.isshowpop true;},closepop(){this.isshowpop false;},
}.popWai{position: fixed;top: 0;left: 0;background-color: rgba(0, 0, 0, 0.5);width: 100%;height: 100%;z-index: 99;opacity: 0;visibility: hidden;overflow: hidden;
}
.popNei{position: absolute;left: 0;width: 100%;max-height: 680rpx;background-color: #fff;transition: all 0.5s ease-out;
}
.popWaiAc {opacity: 1;visibility: visible;
}
