better-scroll插件 Slide

来源:4-5 轮播图组件实现(中)

weixin_慕尼黑6237118

2020-03-19

图片描述
图片描述
图片描述

  1. 我用的是 better-scroll^2.0.0-beta.6。当我引入 Slide插件,配置slide属性后,它会自动计算 slide-group的宽度。 但是我没有给 父容器 slide设置宽度,它不是应该随子元素撑开吗,为什么还能正确显示?
  2. 还有就是 slide-item 设置 width:100% 的时候,参照的应该是父元素 slide-group的宽度,那为什么 slide-group的宽度是 1366*4,而slide-item是 1366.
  3. 为什么我在 Slide插件里配置 disableSetWidth: true,但是我自己并没有设置宽度,它还是会自动计算 slide-group的宽度.
  4. Slide插件自动计算的哪个容器的宽度? 是父容器slide+slide-group+slide-item 还是 仅仅计算slide-group
  5. 这个组件单独运行的时候正常,但是作为子组件嵌入到父组件里的时候,就不会再自动计算宽度,在Chrome里看,slide-groupslide-item的宽度全部是0
写回答

1回答

ustbhuangyi

2020-03-19

slide 插件内部应该是自动做了计算,会给 slide-item 和 slide-group 都设置对应的宽度。disableSetWidth 我没有试过,你能把例子放到 codesandbox 上吗

0
2
ustbhuangyi
回复
weixin_慕尼黑6237118
因为父容器是 slide,内容层是 slide-group,内容层宽度大于外层 wrapper 的宽度,所以有滚动效果。
2020-03-20
共2条回复

Vue2.0高级应用教学实战,开发企业级移动端音乐Web App

Vue.js高级知识应用大集合,实战企业级APP,教你搞定组件化开发。

5432 学习 · 3804 问题

查看课程