mint-ui loadmore中上拉is-dropped样式transfrom -50

问题描述

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>

你期待的结果是什么?实际看到的错误信息又是什么?

阅读 1.6k
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题