艺灵设计
艺灵设计
  • 发布:2015-04-27 13:23
  • 更新:2015-04-28 20:20
  • 阅读:2139

一个页面中有多个侧滑进行切换

分类:MUI

现在需要这样一个功能:一个页面中有多个按钮,每个按钮点击时展示不同的侧滑内容,大致效果图如下:
一个页面中有多个侧滑
按照文档及案例修改了下源码,源码结构如下图:
侧滑源码结构1.png

侧滑源码结构2.png

现在的问题是:不管点击按钮几都显示默认的那个侧滑内容,这明显不是我想要的,求正确的修改方法。

2015-04-27 13:23 负责人:无 分享
已邀请:
DCloud_UNI_FXY

DCloud_UNI_FXY

目前版本暂不支持多个相同方向的侧滑菜单

  • 艺灵设计 (作者)

    那就是说现在只能是新页面单独打开了对吧, 个人感觉这个功能可以完善下

    2015-04-27 15:00

  • DCloud_UNI_FXY

    近期会支持一下。

    2015-04-27 16:19

  • DCloud_UNI_FXY

    私信我,我给你发一个测试版本的js。应该可以支持了

    2015-04-27 16:44

  • 艺灵设计 (作者)

    感谢大大的js,我又向前迈进了一小步

    2015-04-27 17:48

艺灵设计

艺灵设计 (作者)

又有新的问题了,
问题一:侧滑2到侧滑3过渡的时候会先转到页面一;
问题二:在侧滑3页面返回时直接到页面一,正确的应该是到页面二;
如gif图:
侧滑问题

html结构图:
侧滑html结构.png

DCloud_UNI_FXY

DCloud_UNI_FXY

你要做的这个效果,可以使用我们最新提供的setting的demo实现(单页SPA模式)

下个版本会提供。我已经单独给你发了个demo工程。可以参考那个demo实现

枫桥居APP

枫桥居APP

点击侧滑的时候可以动态调用模板

该问题目前已经被锁定, 无法添加新回复