search

sdc-alibaba / SUI-Mobile

SUI Mobile (MSUI)是由阿里巴巴国际UED前端出品的移动端UI库，轻量精美
http://m.sui.taobao.org/components/
MIT License
6.11k stars 1.58k forks source link

工具栏切换也是从右往左滑动，怎样能设置这个效果？ #985

Open happyWilliam opened 7 years ago

happyWilliam commented 7 years ago

工具栏切换也是从右往左滑动，怎样能设置这个效果？

我的实现方式是在index.html里面写了2个page，给他们分别定义id，然后利用工具栏的链接指向id进行切换

hello-word-12138 commented 7 years ago

.page.page-mid{ bottom: 2.5rem; top: 2.2rem; height: auto; } 和你遇到相同的问题，把bar-tab和bar-nav写page外边，page上添加上边的class就行了。

happyWilliam commented 7 years ago

感觉还是不行 1.最上边的title样式没有很好设置，显示有问题 2.我是把两个页面内容写在写在一个html里面的，这样的额话我要把两个工具栏拿出来，有问题

我觉得方向还是应该放在去除动画效果上

另外，这个项目好久没人更新了，我先谷歌一下，看看有没有替代这个的好框架

谢谢了~

happyWilliam commented 7 years ago

最终用JS解决了，核心的JS代码也发出来方便大家参考