请稍等 ...
×

采纳答案成功!

向帮助你的同学说点啥吧!感谢那些助人为乐的人

正在回答 回答被采纳积分+3

2回答

花晨月夕1 2021-02-22 17:20:40


<style lang="stylus" scoped>

.tab

  >>> .cube-tab

    padding 10px 0


  position relative

  display flex

  flex-direction column

  height 100%


  .slide-wrapper

    flex 1

    overflow hidden


    .cube-slide-item

      height calc(100vh - 174px)

</style>

你可以检查一下元素,因为他高都不对,所以你需要设置 height calc(100vh - 174px)

0 回复 有任何疑惑可以回复我~
ustbhuangyi 2020-08-20 10:24:34

检查一下 DOM 结构,是否满足内容区宽(高)度大于外层容器的宽(高)度

0 回复 有任何疑惑可以回复我~
  • 我发现我在App.vue引用tab.vue组件时,没有加上外面容器<div class="tab-wrapper"></div>包起来,就没办法左右滑动,请问这是什么原理呢?
    <template>
      <div id="app" @touchmove.prevent>
        <v-header :seller="seller"></v-header>
          <tab></tab>
      </div>
    </template>
    回复 有任何疑惑可以回复我~ 2020-08-20 12:15:30
  • ustbhuangyi 回复 提问者 weixin_慕尼黑5135974 #2
    因为你的内容宽度和容器宽度一致了吧
    回复 有任何疑惑可以回复我~ 2020-08-20 13:08:45
问题已解决,确定采纳
还有疑问,暂不采纳
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号