仿微博手机模板

演示地址请访问演示站公告

演示站公告直达：进入

顶部导航更多按钮数据：设置右上角更多按钮的事件，默认具有“刷新”及“分享”功能，更多功能可以参考默认值进行设置：

[{

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":"点击后进入的链接地址"}]