Foxtable(狐表)用户栏目专家坐堂 → 发现一个bug,exweui框架的标签页Tabs放入weui框架的TabBar中时,第二个page中的标签页导航会竖排,另外,exweui框架的标签页导航能否固定在最上方或最下边不随滚动条移动,再改进一下


  共有4593人关注过本帖树形打印复制链接

主题:发现一个bug,exweui框架的标签页Tabs放入weui框架的TabBar中时,第二个page中的标签页导航会竖排,另外,exweui框架的标签页导航能否固定在最上方或最下边不随滚动条移动,再改进一下

帅哥哟,离线,有人找我吗?
百灵
  1楼 | QQ | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:三尾狐 帖子:743 积分:7798 威望:0 精华:0 注册:2015/3/3 14:34:00
发现一个bug,exweui框架的标签页Tabs放入weui框架的TabBar中时,第二个page中的标签页导航会竖排,另外,exweui框架的标签页导航能否固定在最上方或最下边不随滚动条移动,再改进一下  发帖心情 Post By:2022/2/7 8:44:00 [只看该作者]

发现一个bug,exweui框架的标签页Tabs放入weui框架的TabBar中时,第二个page中的标签页导航会竖排,另外,exweui框架的标签页导航能否固定在最上方或最下边不随滚动条移动,再改进一下。测试代码:

Dim wb As New weui

With wb.AddTabBar("", "tb1", 1)

    .AddPage("page1","微信","")

    .AddPage("page2","通讯录","")

    .AddPage("page3","发现","")

    .AddButton("bt1","我","")

End With

wb.AppendHTML("<link rel='stylesheet' href='./weui/exweui.css'/>",True)

wb.AppendHTML("<script src='./weui/exweui.js' ></script>",True)

With ExWeUI.WebUI.AddTabsGroup("","tg01",True)

    With .AddPage("tab01","标签一")

        .C

    End With

    With .AddPage("tab02","标签二")

        .C

    End With

    With .AddPage("tab03","标签三")

        .C

    End With

    With .AddPage("tab04","标签四")

        .C

    End With

    With .AddPage("tab05","标签五")

        .C

    End With

    wb.InsertHTML("page1",.BuildHtml)   

End With

With ExWeUI.WebUI.AddTabsGroup("","tg02",True)

    With .AddPage("tab06","标签1")

        .C

    End With

    With .AddPage("tab07","标签2")

        .C

    End With

    With .AddPage("tab08","标签3")

        .C

    End With

    With .AddPage("tab09","标签4")

        .C

    End With

    With .AddPage("tab10","标签5")

        .C

    End With    

    wb.InsertHTML("page2",.BuildHtml)

End With

wb.AppendHTML("<script>initExWeUI()</script>") '用于初始化可滚动标签的宽度,如果没有设置可滚动标签,可以不用调用此函数  

output.show(wb.Build)

e.WriteString(wb.Build)  

[此贴子已经被作者于2022/2/7 8:46:25编辑过]

 回到顶部
帅哥哟,离线,有人找我吗?
百灵
  2楼 | QQ | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:三尾狐 帖子:743 积分:7798 威望:0 精华:0 注册:2015/3/3 14:34:00
  发帖心情 Post By:2022/2/7 8:47:00 [只看该作者]

受上传限制, .Content内容无法上传

图片点击可在新窗口打开查看此主题相关图片如下:1644194369(1).png
图片点击可在新窗口打开查看
[此贴子已经被作者于2022/2/7 8:50:16编辑过]

 回到顶部
帅哥哟,离线,有人找我吗?
有点蓝
  3楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:超级版主 帖子:110790 积分:563882 威望:0 精华:9 注册:2015/6/24 9:21:00
  发帖心情 Post By:2022/2/7 9:05:00 [只看该作者]

应该是框架的文件引用不正确,路径不对

wb.AppendHTML("<link rel='stylesheet' href='./weui/exweui.css'/>",True)

wb.AppendHTML("<script src='./weui/exweui.js' ></script>",True)


如果要固定标签页Tabs

方法1、不要使用标签页Tabs,直接使用weui框架的TabBar

2、自己改exweui.css相关css,实现自己需要的效果


 回到顶部
帅哥哟,离线,有人找我吗?
百灵
  4楼 | QQ | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:三尾狐 帖子:743 积分:7798 威望:0 精华:0 注册:2015/3/3 14:34:00
  发帖心情 Post By:2022/2/7 9:24:00 [只看该作者]

引用是正确的,设置为不滚动没问题,设置为滚动模式,第一页没问题,第二页就出问题了,再测试一下

 回到顶部
帅哥哟,离线,有人找我吗?
百灵
  5楼 | QQ | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:三尾狐 帖子:743 积分:7798 威望:0 精华:0 注册:2015/3/3 14:34:00
  发帖心情 Post By:2022/2/7 9:26:00 [只看该作者]

另外,察看标签页源代码,多了2个〈/div〉

 回到顶部
帅哥哟,离线,有人找我吗?
有点蓝
  6楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:超级版主 帖子:110790 积分:563882 威望:0 精华:9 注册:2015/6/24 9:21:00
  发帖心情 Post By:2022/2/7 10:11:00 [只看该作者]

算是个bug,下次改进。

因为滚动模式的宽度是动态计算的,由于第二个标签放到page2,而page2是默认隐藏状态display:none,这种情况page2里面的元素都是没有物理尺寸,导致宽度计算有误。

 回到顶部
帅哥哟,离线,有人找我吗?
百灵
  7楼 | QQ | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:三尾狐 帖子:743 积分:7798 威望:0 精华:0 注册:2015/3/3 14:34:00
  发帖心情 Post By:2022/2/7 11:00:00 [只看该作者]

ok,另外,当标签页滚动模式下,内容项超过10项时,导航项会在第二行显示,这个也改进一下

 回到顶部
帅哥哟,离线,有人找我吗?
有点蓝
  8楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:超级版主 帖子:110790 积分:563882 威望:0 精华:9 注册:2015/6/24 9:21:00
  发帖心情 Post By:2022/2/7 13:55:00 [只看该作者]


[此贴子已经被作者于2022/2/7 14:43:38编辑过]

 回到顶部
帅哥哟,离线,有人找我吗?
百灵
  9楼 | QQ | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:三尾狐 帖子:743 积分:7798 威望:0 精华:0 注册:2015/3/3 14:34:00
  发帖心情 Post By:2022/2/7 14:19:00 [只看该作者]

太强了,谢谢有的蓝。另外,当标签页滚动模式下,内容项超过12项时,导航项会在第二行显示,这个也改进一下.是不是内容项数量有限制?

 回到顶部
帅哥哟,离线,有人找我吗?
有点蓝
  10楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:超级版主 帖子:110790 积分:563882 威望:0 精华:9 注册:2015/6/24 9:21:00
  发帖心情 Post By:2022/2/7 14:44:00 [只看该作者]

重新试试
 下载信息  [文件大小:   下载次数: ]
图片点击可在新窗口打开查看点击浏览该文件:exweui.js.zip



 回到顶部
总数 11 1 2 下一页