模板 
收藏文章 楼主
仿手机微博模板
版块:模板应用   类型:精华   作者:乐天   查看:4713   回复:10   获赞:8   时间:2019-06-26 11:53:13

[1.2.2.20190922更新说明]

1.修复回复长度超出的问题


[1.2.1.20190907更新说明]

1.增加了列表页视频显示功能,该版本需要7.4.0及以后版本支持!!!请系统低于此版本的暂时不要升级!!!


[1.1.1.20190902更新说明]

1.修复关注按钮的显示问题;

2.优化导航栏隐藏机制;

3.修复部分站点不显示板块名称的bug


参考手机微博客户端界面,充分发挥了“关注”功能的优势,具有用户关注及仅看关注用户功能,顶部导航右上角更多按钮、导航按钮及底部导航可以自定义设置,可开启或关闭子版块显示功能,可开启或关闭标签显示功能,列表页的图片和字数可以控制。


设置说明及案例:

显示标签列表:决定文章列表页是否显示版块定义的标签;

Image




列表页显示子版块:决定文章列表页是否显示该版块下的子版块列表;

Image





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

[{
	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://cdnjs.cloudflare.com/ajax/libs/jquery.qrcode/1.0/jquery.qrcode.min.js', function() {
				_make_qrcode();
			});
		} else {
			_make_qrcode();
		}
	}
}]

Image






顶部导航数据:决定顶部导航下面的滑动导航的值,这里可以直接使用可是模式进行编辑和添加,也可以使用源码模式编辑,案例:

<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>

Image






搜索预设关键词:决定搜索页预设的关键词,多个关键词用,分开(英文的逗号),预设的关键词用户无法在搜索页被删除,参考图:

Image





底部导航数据:决定底部的导航显示的内容,该内容为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');
		}
	}]
}]
Image





列表页摘取的文章内容字数:决定文章列表页摘取的文章内容的字数,如果不想摘取内容,请填写0即可。

列表页摘取的文章图片个数:决定文章列表页摘取的文章内容的图片个数,请不要设置过大,建议最大9。

Image






首页显示的版块id:首页将在这里设置的版块里面读取文章,若不设置则首页不会显示版块列表。

首页每个版块显示文章数:决定每个版块被读取的文章个数。

首页幻灯片显示的图片个数:决定首页幻灯片显示的个数。

自定义首页幻灯片数据:设置该值后上面的“首页幻灯片显示的图片个数”设置将无效,json数据,参考:

[{"title":"这是图片1","src":"图片1的地址","href":"点击后进入的链接地址"},
{"title":"这是图片2","src":"图片2的地址","href":"点击后进入的链接地址"},
{"title":"这是图片3","src":"图片3的地址","href":"点击后进入的链接地址"}]
Image


其他页面截图:

ImageImage

Image



百分之八十的用户都能根据该文章成功设置自己的模板,如果您看过之后还不会设置,您可以选择保持默认的设置或者花费50元请我们来帮您设置(联系微信puyuetian或QQ632827168)。






陕西,西安

有些梦虽然遥不可及,但并不是不可能实现。 
回复列表
默认   热门   正序   倒序
武泰
11F
emotion
 0   29天前  回复
武泰
10F
emotionemotionemotionemotionemotionemotionemotionemotionemotionemotion
 0   2020-08-27 11:56:03  回复
nerono
8F
neronoLv1
emotion

河北,石家庄

 0   2019-12-03 07:42:21  回复
aishuoxiao
7F
把图片规格缩小在哪里设置,麻烦告知一下,谢谢

福建,泉州

 0   2019-08-29 19:59:40  回复
lytcreate
6F
lytcreateLv21
这个对app的兼容性怎么样?

陕西,西安

 0   2019-08-24 08:02:54  回复
guest
5F
游客Lv0
买买买

上海,上海

 0   2019-08-16 16:02:19  回复
suoden
4F
漫夜Lv9
买了

湖南,长沙

 0   2019-07-11 10:12:21  回复
z2327972001
3F
好看!!

广东,肇庆

 0   2019-07-03 20:12:19  回复
花沁电子
2F
1Lv65

上海,上海

 0   2019-06-26 12:22:15  回复

回复:仿手机微博模板

暂无用户组
退出
0级
天豆:颗
余额:元
游客:

公告

近期本站被人为恶意注册及发布垃圾帖,本站已开启普通用户发帖审核功能,VIP系列用户组不受影响,一但发现发布违法或垃圾帖的用户,该用户账号将会被永久封号,请大家共同维护互联网环境,共创美好互联网未来。

永久免费,购授权享豪礼

3年个人版授权+1760天豆仅需176元

终身个人版授权+3520天豆仅需352元

3年尊享版授权+12320天豆仅需1232元

终身尊享版授权+24640天豆仅需2464元

Powered by HadSky 7.4.4

©2015 - 2020 HadSky

购买产品 用户文档 加入QQ群 授权查询 网站绑定 客户案例 陕ICP备13005805号

您的IP:54.237.183.249,2020-09-27 00:59:02,Processed in 0.04791 second(s).

支持原创软件,抵制盗版,共创美好明天!
头像

用户名:

粉丝数:

签名:

资料 关注 好友 消息
应用名称 仿手机微博模板
应用版本 v1.2.2.20190922
应用类型 模板
应用售价 700天豆
交易方式 天豆或现金余额
更新时间 2019-09-02
适用版本 7.4.0及以后版本
演示地址 http://hs.27ui.net/?tn=puyuetian_copyweibo
在线下载 HS7.0.14及以上版本在线购买/下载
郑重提示 该页面最下面的下载地址为HS6.x版本,HS6.x系列版本且不与HS7.x互通,如果你是2019-04-04之后使用的HS,请点击上方的“HS7.x及以上版本在线购买/下载”进行购买/下载。
已有0次打赏
(8) 分享
分享

请保存二维码或复制链接进行分享

取消