发现

app/html/discoverNew.html

		<link href="../css/app.css" rel="stylesheet" />
		<link href="../css/iconfont.css" rel="stylesheet" />
		<style type="text/css">
			html,
			body {
				height: 100%;
				margin: 0;
				padding: 0px;
				overflow: hidden;
			}
			
			.mui-content {
				height: 100%;
				overflow: auto;
			}
			.mui-bar~.mui-content .mui-fullscreen {
				top: 44px;
				height: auto;
			}
			.mui-pull-bottom-tips {
				text-align: center;
				background-color: #efeff4;
				/*background-color: #efeff4;*/
				font-size: 15px;
				line-height: 40px;
				color: #777;
			}
			.mui-pull-top-canvas {
				overflow: hidden;
				background-color: #fafafa;
				/*background-color: #fafafa;*/
				border-radius: 40px;
				box-shadow: 0 4px 10px #bbb;
				width: 40px;
				width: 40px;
			}
			.mui-slider-indicator.mui-segmented-control {
				background-color: #efeff4;
				/*background-color: #efeff4;*/
			}
			.sizefont{
				font-size:16px;
						<div id="scroll1" class="mui-scroll-wrapper">
							<div class="mui-scroll" id="dd">
							<div id="slider1" class="mui-slider">
								<div class="mui-slider-group mui-slider-loop" style="height:210px;">
					<!-- 额外增加的一个节点(循环轮播：第一个节点是最后一张轮播) -->
					
					<div class="mui-slider-item mui-slider-item-duplicate tem" data-id="">
						<a href="#"  class="bgImg photoTop" style="background-image:url(../images/yuantiao.jpg);top:135px;">
							<p class="mui-slider-title sizefont elipse he">静静看这世界</p>
						</a>
					</div>
					<!--第一张图片-->
					<div class="mui-slider-item" data-id="" style="height:210px;">
						<a href="#" class="bgImg photoTop" style="background-image:url(../images/shuijiao.jpg);top:105px;height:210px;">
							<p class="mui-slider-title sizefont elipse he">幸福就是可以一起睡觉幸福就是可以一起睡觉幸福就是可以一起睡觉幸福就是可以一起睡觉</p>
						</a>
					</div>
					<!--第二张-->
					<div class="mui-slider-item" data-id="">
						<a href="#" class="bgImg photoTop" style="background-image:url(../images/muwu.jpg);top:135px;">
							<p class="mui-slider-title sizefont elipse he">想要一间这样的木屋，静静的喝咖啡</p>
						</a>
					</div>
					<!--第三张-->
					<div class="mui-slider-item" data-id="">
						<a href="#" class="bgImg photoTop" style="background-image:url(../images/cbd.jpg);top:135px;">
							<p class="mui-slider-title sizefont">Color of SIP CBD</p>
						</a>
					</div>
					<!--第四张-->
					<div class="mui-slider-item" data-id="">
						<a href="#" class="bgImg photoTop" style="background-image:url(../images/yuantiao.jpg);top:135px;">
							<p class="mui-slider-title sizefont elipse">去外面看看</p>
						</a>
					</div>
					<!--最后一张-->
					<div class="mui-slider-item "data-id="">
						<a href="#" class="bgImg photoTop" style="background-image:url(../images/yuantiao.jpg);top:135px;">
							<p class="mui-slider-title sizefont elipse">静静看这世界</p>
						</a>
					</div>
					<!--第一张-->
					<div class="mui-slider-item mui-slider-item-duplicate" data-id="">
						<a href="#" class="bgImg photoTop" style="background-image:url(../images/shuijiao.jpg);top:135px;">
							<p class="mui-slider-title sizefont elipse">幸福就是可以一起睡觉幸福就是可以一起睡觉幸福就是可以一起睡觉幸福就是可以一起睡觉</p>
						</a>
					</div>
				</div>
				<div class="mui-slider-indicator mui-text-right" style="bottom:30px;">
					<div class="mui-indicator mui-active"></div>
					<div class="mui-indicator"></div>
					<div class="mui-indicator"></div>
					<div class="mui-indicator"></div>
					<div class="mui-indicator"></div>
				</div></div>
								</div>
								<ul class="mui-table-view" id="list">
									<!--<li class="mui-table-view-cell">
							<div class="flexCenter OflexCenter mui-clearfix">

app/js/discoverNew.js

(function($) {
	//阻尼系数
	var key1 = [];
	var m = 0;
	var deceleration = mui.os.ios ? 0.003 : 0.0009;
	$('.mui-scroll-wrapper').scroll({
		bounce: false,
		indicators: true, //是否显示滚动条
		deceleration: deceleration
	});
	$.ready(function() {
		$.plusReady(function() {
//阻尼系数
var key1 = [];
var m = 0;
var deceleration = mui.os.ios ? 0.003 : 0.0009;
$('.mui-scroll-wrapper').scroll({
	bounce: false,
	indicators: true, //是否显示滚动条
	deceleration: deceleration
});
$.ready(function() {
	$.plusReady(function() {
			var columnType = {
	"1":{
		fullName:"个人原创",
		shortName:"原创"
	},
	"2":{
		fullName:"企业原创",
		shortName:"原创"
	},
	"3":{
		fullName:"前沿动态",
		shortName:"前沿"
	},
	"4":{
		fullName:"学术经验",
		shortName:"经验"
	},
	"5":{
		fullName:"分析检测",
		shortName:"检测"
	},
	"6":{
		fullName:"会议培训",
		shortName:"会议"
	},
	"7":{
		fullName:"科袖访谈",
		shortName:"访谈"
	},
	"8":{
		fullName:"招聘招生",
		shortName:"招聘"
	},
	"9":{
		fullName:"重大新闻",
		shortName:"新闻"
	}	
}
			var slider = mui("#slider1");
			slider.slider({
				interval: 5000
			});
				"1": {
					fullName: "个人原创",
					shortName: "原创"
				},
				"2": {
					fullName: "企业原创",
					shortName: "原创"
				},
				"3": {
					fullName: "前沿动态",
					shortName: "前沿"
				},
				"4": {
					fullName: "学术经验",
					shortName: "经验"
				},
				"5": {
					fullName: "分析检测",
					shortName: "检测"
				},
				"6": {
					fullName: "会议培训",
					shortName: "会议"
				},
				"7": {
					fullName: "科袖访谈",
					shortName: "访谈"
				},
				"8": {
					fullName: "招聘招生",
					shortName: "招聘"
				},
				"9": {
					fullName: "重大新闻",
					shortName: "新闻"
				}
			}
			var oWidth = getViewportSize().width;
			function getViewportSize() {
						traditional: true,
						async: true,
						success: function(data) {
							console.log(JSON.stringify(data));
							if(obj.sele) {
								obj.fun.call(obj.sele, data);
							} else {
							}
						});
					});
					mui("#slider").on("tap", "li", function() {
						var id = this.getAttribute("data-id");
						var datatype = this.getAttribute("data-type");
							});
						}
					})
				},
				proName: function(data) {
					if(data.success) {
					}
				},
				createFragment: function(data) {
					if(data.success) {
					if(!arguments[1]) {
						document.getElementsByClassName("nodatabox")[m].classList.add("displayNone");
						if(data.data.data.length == 0) {
							arImg = baseUrl + "/data/article/" + $data[i].articleImg
						}
						var title = $data[i].articleTitle;
						var colSpan="";
						if(m==0) {
						var colSpan = "";
						if(m == 0) {
							if(arguments[1]) {
								colSpan="<span style='border:1px solid red;border-radius:3px;padding:0px 1px;margin-right:5px;color:red;'>置顶</span>"
							}else{
								if($data[i].colNum!=0)
							colSpan="<span style='border:1px solid green;border-radius:3px;padding:0px 1px;margin-right:5px;color:green;'>"+columnType[$data[i].colNum].shortName+"</span>"
								colSpan = "<span style='border:1px solid red;border-radius:3px;padding:0px 1px;margin-right:5px;color:red;'>置顶</span>"
							} else {
								if($data[i].colNum != 0)
									colSpan = "<span style='border:1px solid green;border-radius:3px;padding:0px 1px;margin-right:5px;color:green;'>" + columnType[$data[i].colNum].shortName + "</span>"
							}
							
						}
						var li = document.createElement("li");
						li.setAttribute("data-id", $data[i].articleId);
							'<div class="madiaHead artHead" style="background-image:url(' + arImg + ')"></div>' +
							'<div class="madiaInfo OmadiaInfo">' +
							'<p class="mui-ellipsis-2 h1Font">' + title + '</p>' +
							'<p class="h2Font mui-ellipsis">' +colSpan+
							'<p class="h2Font mui-ellipsis">' + colSpan +
							'<span class="nameSpan" style="margin-right:10px"></span>' +
							'<span class="time">' + commenTime($data[i].publishTime) + '</span>' +
							'</p>' +
						}
					}
				}
					}
			}
			Discover.prototype.Init.prototype = Discover.prototype;
			var $D = Discover;
					});
				}
			})
			$.ajax(baseUrl + "/inc/col_bannerApp.html", {
						dataType: 'html', //服务器返回json格式数据
						type: "get", //HTTP请求类型
						timeout: 10000, //超时时间设置为10秒；
						traditional: true,
						async: true,
						success: function(data) {
								document.getElementById("slider1").innerHTML=data;
						},
						error: function(xhr, type, errorThrown) {
							//plus.nativeUI.toast("服务器链接超时", toastStyle);
			$.ajax(baseUrl + "/data/inc/col_bannerApp.html?ttt=" +new Date().getTime(), {
				dataType: 'html', //服务器返回json格式数据
				type: "get", //HTTP请求类型
				timeout: 10000, //超时时间设置为10秒；
				traditional: true,
				async: true,
				success: function(data) {
					document.getElementById("slider1").innerHTML = data;
					var slider = $("#slider1");
					slider.slider({
						interval: 5000
					});
					$("#slider1").on("tap", "a", function() {
						plus.nativeUI.showWaiting();
						var id = this.parentNode.getAttribute("data-id");
						var col=this.parentNode.getAttribute("col-id");
						aiticl(id)
						addClick1(col);
					})
				},
				error: function(xhr, type, errorThrown) {
					//plus.nativeUI.toast("服务器链接超时", toastStyle);
				}
			});
			function addClick1(colId) {
				$.ajax(baseUrl + "/ajax/operation/statist/bannerClick", {
					dataType: 'json', //服务器返回json格式数据
					type: "post", //HTTP请求类型
					timeout: 10000, //超时时间设置为10秒；
					data: {
						"id": colId
					},
					traditional: true,
					async: true,
					success: function(data) {
						if(data.success) {
						}
					}
					});
		})
	})
			}
			function aiticl(id) {
				$.ajax("http://www.ekexiu.com" + "/ajax/article/query", {
					dataType: 'json', //服务器返回json格式数据
					type: "get", //HTTP请求类型
					timeout: 10000, //超时时间设置为10秒；
					data: {
						"articleId": id
					},
					traditional: true,
					async: true,
					success: function(data) {
						if(data.success) {
							var ownerid;
							if(data.data.articleType == 1) {
								ownerid = data.data.professorId;
								plus.webview.create("../html/professorArticle.html", '../html/professorArticle.html', {}, {
									articleId: id,
									ownerid: ownerid,
								});
							} else {
								ownerid = data.data.orgId
								plus.webview.create("../html/professorArticle.html", '../html/professorArticle.html', {}, {
									articleId: id,
									ownerid: ownerid,
									oFlag: 1
								});
							}
						}
					},
					error: function(xhr, type, errorThrown) {
						plus.nativeUI.toast("服务器链接超时", toastStyle);
					}
				});
	}
})
})
})(mui)