以文本方式查看主题 - Foxtable(狐表) (http://foxtable.com/bbs/index.asp) -- 专家坐堂 (http://foxtable.com/bbs/list.asp?boardid=2) ---- 发现一个bug,exweui框架的标签页Tabs放入weui框架的TabBar中时,第二个page中的标签页导航会竖排,另外,exweui框架的标签页导航能否固定在最上方或最下边不随滚动条移动,再改进一下 (http://foxtable.com/bbs/dispbbs.asp?boardid=2&id=174801) |
-- 作者:百灵 -- 发布时间:2022/2/7 8:44:00 -- 发现一个bug,exweui框架的标签页Tabs放入weui框架的TabBar中时,第二个page中的标签页导航会竖排,另外,exweui框架的标签页导航能否固定在最上方或最下边不随滚动条移动,再改进一下 发现一个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编辑过]
|
-- 作者:百灵 -- 发布时间:2022/2/7 8:47:00 -- 受上传限制, .Content内容无法上传 [此贴子已经被作者于2022/2/7 8:50:16编辑过]
|
-- 作者:有点蓝 -- 发布时间: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,实现自己需要的效果 |
-- 作者:百灵 -- 发布时间:2022/2/7 9:24:00 -- 引用是正确的,设置为不滚动没问题,设置为滚动模式,第一页没问题,第二页就出问题了,再测试一下 |
-- 作者:百灵 -- 发布时间:2022/2/7 9:26:00 -- 另外,察看标签页源代码,多了2个〈/div〉 |
-- 作者:有点蓝 -- 发布时间:2022/2/7 10:11:00 -- 算是个bug,下次改进。 因为滚动模式的宽度是动态计算的,由于第二个标签放到page2,而page2是默认隐藏状态display:none,这种情况page2里面的元素都是没有物理尺寸,导致宽度计算有误。
|
-- 作者:百灵 -- 发布时间:2022/2/7 11:00:00 -- ok,另外,当标签页滚动模式下,内容项超过10项时,导航项会在第二行显示,这个也改进一下 |
-- 作者:有点蓝 -- 发布时间:2022/2/7 13:55:00 -- [此贴子已经被作者于2022/2/7 14:43:38编辑过]
|
-- 作者:百灵 -- 发布时间:2022/2/7 14:19:00 -- 太强了,谢谢有的蓝。另外,当标签页滚动模式下,内容项超过12项时,导航项会在第二行显示,这个也改进一下.是不是内容项数量有限制? |
-- 作者:有点蓝 -- 发布时间:2022/2/7 14:44:00 -- 重新试试 |