tab 动态添加后的标签页无法滚动

Chaunjie / kai-ui

高颜值组件库，简单易用，同时支持原生和wepy框架

https://chaunjie.github.io/kui/dist

215 stars 33 forks source link

tab 动态添加后的标签页无法滚动 #21

Closed 531431988 closed 5 years ago

531431988 commented 5 years ago

选中状态的效果位置不正确，动态添加的会报width找不到？求指点

531431988 commented 5 years ago

大概意思是，tab有个scroll支持横向滚动，当点击到边缘时会自动往前或后滚动出下一个选项，但当TAB标签是动态增删选项时，点击失效，滚动也失效

531431988 commented 5 years ago

固定5个时，操作正常

动态添加标签

错位

源码修改

Chaunjie commented 5 years ago

@531431988 动态新增的时候需要重制数据 this.$invoke('tab', 'doInitTabData', this.tabData)

531431988 commented 5 years ago

this.$invoke('tab-scroll', 'doInitTabData', Object.assign(this.tabData, { list: [...this.mineTabData, ...this.otherTabData] })) 绘过，一样啊，大佬来个wepy例子看看？

Chaunjie commented 5 years ago

@531431988 你整理一个有问题的demo发给我排查下

531431988 commented 5 years ago

demo.zip WEPY版，大佬求指点

Chaunjie commented 5 years ago

不是好的吗？

531431988 commented 5 years ago

大佬有Q？不可能啊，我发你前还测试了

531431988 commented 5 years ago

打开页面，先切换到第5个，在添加所有标签，关闭后，在试一下切换？

531431988 commented 5 years ago

刚已经测试，你那个是直接打开页面后就进行了添加，没有切换操作，如果先切换在添加，就出问题了

Chaunjie commented 5 years ago

@531431988 看到问题了，动态操作的时候因为容器宽度变化了，导致计算的位置有问题，如果动态操作之后重置为第一个选择就没有问题，这个bug计划下一个版本修复

531431988 commented 5 years ago

你的意思是，添加完后，手动设置选中第一个？

Chaunjie commented 5 years ago

对的，你试下，看看能不能满足你的需求，不能满足的话我今晚给你一个补丁看看

531431988 commented 5 years ago

坐等大佬更新

Chaunjie commented 5 years ago

demo-2.zip @531431988 给你打了一个补丁包，参考tab组件，wepy组件库之后维护的次数应该不多，可以直接使用kai-ui原生组件库

531431988 commented 5 years ago

感谢大佬，swipeout这个组件的滚动展开隐藏一直没能解决，不知道有没有什么办法

531431988 commented 5 years ago

还是存在一些问题，添加一个，在删除一个就报错了

Chaunjie commented 5 years ago

@531431988 删除执行doUpdateData没有这个方法啊，你需要按照新增的方法执行

Chaunjie commented 5 years ago

swipe-out的代码贴给我看看

531431988 commented 5 years ago

tab.wpy里面并没有doUpdateData方法呀

Chaunjie commented 5 years ago

删除的我没有帮你写，你重新initData一次

531431988 commented 5 years ago

swipeout.zip 删除第一个，下一个自动打开？ TBA已经修复好，感谢大佬

Chaunjie commented 5 years ago

@531431988 不上传了，截图给你，自己完成组件新增一个方法

531431988 commented 5 years ago

已经解决，感谢大佬，在多问一下，同时展开一个是无法办到的吗？现在可以同时展开多个

Chaunjie commented 5 years ago

组件与组件之间是没有联系的，所以并没有必要这么做

Chaunjie commented 5 years ago

@531431988 wepy框架组件bug比较多，所以kai-ui库wepy版本之后会很少维护，有时间的话参考下我写的小程序框架wexp-cli可以有效的解决这些问题，同样支持原生组件引入。

531431988 commented 5 years ago

好的