当前位置:首页 > 轻站模块 > 正文

轻站模块 - 布局类 - Tab面板


例子由2.5.1版本生成,请确保你当前版本已是最新版!


Tab面板,即多标签面板,


例子源码: 

轻站《TAB面板例子》,复制到M浏览器使用
щфΦщ{"baseUrl":false,"coreVersion":曋,巗雛巓朂雛罷巄慚欑Next慚:false,幭慚犪Height慚:60,慚犪W欓th慚:0,缽癟慚target讒蘭櫥變捕雛嶳讕雛稗{慚code讒櫥慚c唟kie讒櫥慚敻讒櫥慚mode慚:0,巺巪廰櫥巯櫥巭#輥#蟬巘菹嶵俎.c哵(欄ma猘.r_饋 揤e 攔 揤e纜疇鯫.c哵(鎉奪疇鯔.c哵(鎉 揤e訃攏疇諏.c哵(蠟隴疇騶.c哵(嚵關疇攥prev雛稗疇魘.灧t(下一页諷疇攥tail雛稗酬巌朄雛巍1,巙]躊{"attr":"雛嶳讕雛稗疇巘冊巚攥m雛備mou藅3d朄癰n薵藅3d輥癰n櫢藅3d囔nr曎嚹癰r癰n教程藅3d囔nr曎嚹m2癰r癰n扩展藅3d囔nr曎嚹m3癰r癰n发现藅3d囔nr曎嚹f猘d櫥慚独立測巌朂雛巍8,巙]躊巄慚欑Next慚:false,幭慚犪Height慚:0,慚犪W欓th慚:0,缽辮2,慚target讒蘭櫥辯籌嶳讕雛稗{慚code讒櫥慚c唟kie讒櫥慚敻讒櫥慚mode慚:0,巺巪廰櫥巯櫥巭欋蟬巘菹嶵俎.c哵(欄ma猘.r_饋 揤e 攔 揤e纜疇鯫.c哵(鎉奪疇鯔.c哵(鎉 揤e訃攏疇諏.c哵(蠟隴疇騶.c哵(嚵關疇髭疇攥prev雛稗疇魘.灧t(下一页諷疇攥tail雛稗酬巚攥screen雛稗欋+櫢甔囔nr曎嚹+教程甔囔nr曎嚹m2+扩展甔囔nr曎嚹m3+发现甔囔nr曎嚹f猘d"側巌独立雛巍1,巙滁岿朂面板例子雛巌5d96cb9b5曤ae3d4aa1df565a8bd91b0雛"s朆":"雛巊0,巙冊巈蔔ΦΦ



运行图:


轻站模块 - 布局类 - Tab面板 轻站模块 第1张


模块编辑界面:


轻站模块 - 布局类 - Tab面板 轻站模块 第2张


在 2.5.0 版本开始,TAB面板支持了动态生成多标签功能,即定向一个通用模块,生成多个标签页面。


列表[动] 项目的 [动态配置] 信息:


轻站模块 - 布局类 - Tab面板 轻站模块 第3张


对比以上三张图信息,得出,Tab面板第一个子模块为动态,在动态配置 (即上图“多标签” 界面中)实现了四个项目。因此实则运行时,第一个子模块[动态模块]生成了四个标签,再加上单标签 [动态],所得视图  首页/教程/扩展/发现/独立  五个标签页。


动态配置中,为了让子模块判断不同的分类数据,因此会设定一个新的变量。 在例子中,将分类的网址生成了变量,然后在对应的子模块中直接调用该变量的值就。见下图,例子是直接在数据源爬虫里访问地址使用这个变量值:


轻站模块 - 布局类 - Tab面板 轻站模块 第4张










发表评论