时间:2021-05-02
这是一个可切换tab选项卡的自定义页面,与js/jq切换不同的是,它每个选项卡有独立的url。 之前的帖子里写过自定义可diy页面的方法,这个也是据此而来。 完整的贴一遍—————————————————— 1.新建自定义页面的php文件,命名about.php(因为可以用做关于我们,所以如此命名来演示)放到根目录,代码如下: <?phpdefine('CURSCRIPT', 'about');define('CURMODULE', 'index');require './source/class/class_core.php';$discuz = & discuz_core::instance();$discuz->cachelist = $cachelist;$discuz->init();loadcache('diytemplatename'); if($_GET['v']==1 || empty($_G[gp_v]) ){ $navtitle = 标题1; }elseif($_GET['v']==2){ $navtitle = 标题2; } elseif($_GET['v']==3){ $navtitle = 标题3; } elseif($_GET['v']==4){ $navtitle = 标题4; }$metakeywords = '这里定义单页的关键词';$metadescription ='这里定义单页的描述内容';include template('diy:about/about');?> 2.在模板风格目录里新建about文件夹,里面新建文件about.htm,代码如下: {subtemplate common/header}<div id="pt" class="cl"> <div class="z"> <a href="index.php" class="nvhm">$_G[setting][bbname]</a><em>»</em>自定义页面 </div></div><style id="diy_style" type="text/css"></style><div id="ct" class="wp cl n"> <div class="mn"> <div class="bm" style="padding:0 15px;"> <ul class="tb cl"> <li <!--{if empty($_G[gp_v]) || $_G[gp_v] == '1'}-->class="a"<!--{/if}-->><a href="about.php?v=1">内容1</a></li> <li <!--{if $_G[gp_v] == '2'}-->class="a"<!--{/if}-->><a href="about.php?v=2">内容2</a></li> <li <!--{if $_G[gp_v] == '3'}-->class="a"<!--{/if}-->><a href="about.php?v=3">内容3</a></li> <li <!--{if $_G[gp_v] == '4'}-->class="a"<!--{/if}-->><a href="about.php?v=4">内容4</a></li> </ul> <div class="datalist" style="margin:10px 0;"> <!--{if empty($_G[gp_v]) || $_G[gp_v] == '1'}--> 1 <!--{elseif $_G[gp_v] == '2'}--> 2 <!--{elseif $_G[gp_v] == '3'}--> 3 <!--{elseif $_G[gp_v] == '4'}--> 4 <!--{/if}--> </div> </div> </div> </div>{subtemplate common/footer} 到这就可以了,访问域名/about.php?v=1即可浏览效果。 需要注意的是变量$_G[gp_v],这里的v和==1/2/3/4,都可以换,统一即可。 每个显示内容的1/2/3/4,可以换成diy区域代码,如: <!--[diy=diy1]--><div id="diy1" class="area"></div><!--[/diy]--> 复制代码 这样可以diy每个选项的内容。注意这里模板文件不能用*php,只能用*.htm,否则diy保存会显示“模板文件不存在”。 如果会自己写数据查询代码,可应用范围就更大些。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
jsTree是基于jquery的树插件,支持拖放、复制、删除、快捷键、多选、自定义节点图标、自定义右键菜单、跨页面保存状态等等,总之我想到的它基本上都有了,而且
本文实例为大家分享了Vue自定义多选组件使用的具体代码,供大家参考,具体内容如下子组件(选项卡)checkBoxCard.vue{{name}}exportde
首先,如何做自定义页面?登录淘宝后台,卖家中心,店铺装修,然后看下面箭头方向,新建页面,建立一个自定义页面注意:自定义页面,是没有模板可以装修的,自己插入图片,
自定义页面一、自定义页面功能说明自定义页面功能:也就是我们常说的增加单页,比如增加“关于我们”、“联系我们”等单
我们做单页(比如“公司介绍”、“联系我们”等页面)时一般采用自定义页面来做,而调用出自定义页面导航可以用标签SQL调用。如下:例子1:调用自定义页面分类ID=1