问题描述
mint-ui loadmore中上拉is-dropped样式transfrom : translate3d(0px, -50px, 0px)问题,上拉会加上is-dropped这个类名,规定时间完毕删除类名,页面会掉一下
问题出现的环境背景及自己尝试过哪些方法
改变滚动条距离定不去高度加高,更改样式,
相关代码
// 请把代码文本粘贴到下方(请勿用图片代替代码)
mint-ui原码是这样的
<div class="mint-loadmore">
<div class="mint-loadmore-content" :class="{ 'is-dropped': topDropped || bottomDropped}" :style="{ 'transform': 'translate3d(0, ' + translate + 'px, 0)' }">
<slot name="top">
<div class="mint-loadmore-top" v-if="topMethod">
<spinner v-if="topStatus === 'loading'" class="mint-loadmore-spinner" :size="20" type="fading-circle"></spinner>
<span class="mint-loadmore-text">{{ topText }}</span>
</div>
</slot>
<slot></slot>
<slot name="bottom">
<div class="mint-loadmore-bottom" v-if="bottomMethod">
<spinner v-if="bottomStatus === 'loading'" class="mint-loadmore-spinner" :size="20" type="fading-circle"></spinner>
<span class="mint-loadmore-text">{{ bottomText }}</span>
</div>
</slot>
</div>
</div>