演示地址请访问演示站公告
演示站公告直达:进入
顶部导航更多按钮数据:设置右上角更多按钮的事件,默认具有“刷新”及“分享”功能,更多功能可以参考默认值进行设置:
[{
text: '刷新',
onClick: function() {
var pid = ppp({
type: 4,
shade: 1,
content: "正在刷新..."
});
setTimeout(function() {
location.reload(true);
}, 1500);
}
}, {
text: '分享',
onClick: function() {
var pid = ppp({
type: 4,
shade: 1,
content: "正在加载..."
});
var _make_qrcode = function() {
pkpopup.close(pid);
var rnd = '_' + randomString(7);
var url = location.protocol + '//' + location.host + location.pathname + location.search + location.hash;
ppp({
type: 0,
shade: 1,
title: "分享页面",
content:'<div id="' + rnd + '" style="text-align:center;padding:10px;height:192px;width:100%"></div><input type="text" class="pk-textbox" value="'+url+'" readonly><p class="pk-text-center pk-text-xs pk-text-danger pk-padding-10">请保存二维码或URL链接进行分享</p>',
complete: function(_id, _v) {
$('#pkpopup_' + _id).find('.pk-popup-submit').html('好哒');
$('#' + rnd).qrcode({
width: 168,
height: 168,
text: url
});
}
});
}
if(typeof($.qrcode) == "undefined") {
$.getScript('https://www.3qpd.com/js_ku/jquery.qrcode.min.js', function() {
_make_qrcode();
});
} else {
_make_qrcode();
}
}
}]
顶部导航数据:决定顶部导航下面的滑动导航的值,这里可以直接使用可是模式进行编辑和添加,也可以使用源码模式编辑,案例:
<li><a href="index.php?c=home">首页</a></li>
<li><a href="index.php?c=list">动态</a></li>
<li><a href="index.php?c=forum">版块</a></li>
底部导航数据:决定底部的导航显示的内容,该内容为json数据,格式如下:
[{
title: "名称",
icon: "template/puyuetian_copyweibo/img/toolbar/home.png",
icon2: "template/puyuetian_copyweibo/img/toolbar/home2.png",
color: "#000000",
color2: "#1296db",
href: "index.php?c=home",
click: function() {},
actionsheet: false
}]
title:名称
icon:默认的图标地址
icon2:被选中后的图标地址
color:默认的文字颜色
color2:被选中后的文字颜色
href:点击后链接的地址,如果要执行js请填“#”或“javascript:”
click:点击后执行的js
actionsheet:调用底部弹出菜单,设置参考“顶部导航更多按钮数据”。
案例1(默认):
[{
title: "首页",
icon: "template/puyuetian_copyweibo/img/toolbar/home.png",
icon2: "template/puyuetian_copyweibo/img/toolbar/home2.png",
color: "#000000",
color2: "#1296db",
href: "index.php?c=home",
click: function() {},
actionsheet: false
},{
title: "动态",
icon: "template/puyuetian_copyweibo/img/toolbar/list.png",
icon2: "template/puyuetian_copyweibo/img/toolbar/list2.png",
color: "#000000",
color2: "#1296db",
href: "index.php?c=list",
click: function() {},
actionsheet: false
},{
title: "版块",
icon: "template/puyuetian_copyweibo/img/toolbar/forum.png",
icon2: "template/puyuetian_copyweibo/img/toolbar/forum2.png",
color: "#000000",
color2: "#1296db",
href: "index.php?c=forum",
click: function() {},
actionsheet: false
},{
title: "我的",
icon: "template/puyuetian_copyweibo/img/toolbar/user.png",
icon2: "template/puyuetian_copyweibo/img/toolbar/user2.png",
color: "#000000",
color2: "#1296db",
href: "index.php?c=center",
click: function() {},
actionsheet: false
}]
案例2(带有更多按钮):
[{
title: "首页",
icon: "template/puyuetian_copyweibo/img/toolbar/home.png",
icon2: "template/puyuetian_copyweibo/img/toolbar/home2.png",
color: "#000000",
color2: "#1296db",
href: "index.php?c=home",
click: function() {},
actionsheet: false
},{
title: "动态",
icon: "template/puyuetian_copyweibo/img/toolbar/list.png",
icon2: "template/puyuetian_copyweibo/img/toolbar/list2.png",
color: "#000000",
color2: "#1296db",
href: "index.php?c=list",
click: function() {},
actionsheet: false
},{
title: "版块",
icon: "template/puyuetian_copyweibo/img/toolbar/forum.png",
icon2: "template/puyuetian_copyweibo/img/toolbar/forum2.png",
color: "#000000",
color2: "#1296db",
href: "index.php?c=forum",
click: function() {},
actionsheet: false
},{
title: "我的",
icon: "template/puyuetian_copyweibo/img/toolbar/user.png",
icon2: "template/puyuetian_copyweibo/img/toolbar/user2.png",
color: "#000000",
color2: "#1296db",
href: "index.php?c=center",
click: function() {},
actionsheet: false
},{
title: "更多",
icon: "template/puyuetian_copyweibo/img/toolbar/more.png",
icon2: "template/puyuetian_copyweibo/img/toolbar/more2.png",
color: "#000000",
color2: "#1296db",
href: "javascript:",
click: function() {},
actionsheet: [{
text:"内容1",
onClick:function(){
alert('1');
}
},{
text:"内容2",
onClick:function(){
alert('2');
}
}]
}]
列表页摘取的文章内容字数:决定文章列表页摘取的文章内容的字数,如果不想摘取内容,请填写0即可。
列表页摘取的文章图片个数:决定文章列表页摘取的文章内容的图片个数,请不要设置过大,建议最大9。
首页显示的版块id:首页将在这里设置的版块里面读取文章,若不设置则首页不会显示版块列表。
首页每个版块显示文章数:决定每个版块被读取的文章个数。
首页幻灯片显示的图片个数:决定首页幻灯片显示的个数。
自定义首页幻灯片数据:设置该值后上面的“首页幻灯片显示的图片个数”设置将无效,json数据,参考:
[{"title":"这是图片1","src":"图片1的地址","href":"点击后进入的链接地址"},
{"title":"这是图片2","src":"图片2的地址","href":"点击后进入的链接地址"},
{"title":"这是图片3","src":"图片3的地址","href":"点击后进入的链接地址"}]
请求资源或报告无效资源,请点击[反馈中心]