search

imouou / BUI-Guide

BUI 是一个跨平台UI开发框架，基于路径式的组件化开发和单页路由SPA，数据驱动，开箱零配置，简单上手，适合独立开发各种 Webapp，App，小程序……
http://www.easybui.com
77 stars 19 forks source link

请教一个bui-navbar布局的问题 #153

Closed openpython closed 4 years ago

openpython commented 4 years ago

使用

imouou commented 4 years ago

布局可以参考 http://www.easybui.com/demo/#pages/ui_controls/bui.tab_scroll
移动端少有再使用箭头操作的方式, tab 可以是动态异步加载, 参考demo 的动态选项卡, 按需加载就行.

openpython commented 4 years ago

单独使用tab_scroll是正常的，加上菜单就不兼容了，下面是在演示案例上加入菜单代码，滑动tab会触发菜单弹出。`<!DOCTYPE HTML>

BUI示例
滑动选项卡

`

imouou commented 4 years ago

两种做法:

  1. uiSIdebar.lock() 调用这个方法可以阻止滑动触发菜单, 改用按钮控制菜单;
  2. 阻止导航菜单的滑动事件冒泡. 
    router.$("#uiNavbar li").on("touchmove", function(e) {
    e.stopPropagation();
})
openpython commented 4 years ago

OK，用第二个方法。