ygtx
/
ygoa_app


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142
							<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>文章详情页</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="../../css/mui.min.css" rel="stylesheet" />
		<link rel="stylesheet" href="../../css/common.css">
		<style type="text/css">
			.mui-content {
				background-color: #FFFFFF;
			}
			
			#newsTitle {
				font-size: 20px;
				color: #000000;
				padding: 10px 5px 5px 5px;
			}
			
			#time {
				padding: 0px 5px;
				line-height: 16px;
				text-align: center;
				margin-bottom: 15px;
			}
			
			.line {
				margin: 0 auto;
				border-top: 1px solid #ddd
			}
			
			#content {
				padding: 10px 15px;
				overflow: hidden;
				width: 100%;
				line-height: 30px;
			}
			
			.mui-bar.mui-bar-nav .mui-title {
				color: #ca0002;
			}
			
			.mui-action-back {
				color: #ca0002;
			}
			
			img { max-width: 100%;} 
		</style>
	</head>

	<body>
		<header class="mui-bar mui-bar-nav ">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 class="mui-title ">详情</h1>
		</header>
		<div class="mui-content">
			<div class="top">
				<p id="newsTitle"></p>
				<p id="time"></p>
			</div>
			<div class="line"></div>
			<div id="content"></div>
			<div id="sign"></div>
		</div>
		<script src="../../js/mui.min.js"></script>
		<script src="../../js/config.js"></script>
		<script type="text/javascript">
			mui.init();
			
			//重写返回逻辑
			mui.back = function() {
				plus.webview.currentWebview().hide("auto", 300);
			}
			
			
			mui.plusReady(function() {
				var self = plus.webview.currentWebview();
				self.addEventListener("hide",function (e) {
//					alert("hide");
					window.scrollTo(0, 0);
				},false);
				
				//				var interface = 'http://10.10.5.166:8080/jfinal_cms/api/action/article?version=1.0.1&p=',
				//					url = interface + '{' + 'articleId:4264' + '}'
				//接收上个界面传递的参数
				window.addEventListener('newsEvent', function(event) {
					var title1 = mui('#newsTitle');
					var content = mui('#content');
					var time = mui('#time');
					var articleId = event.detail.articleId;
//					alert(articleId);
					var url = API.API_URL();
					getData(articleId);
				});

			})

			function getData(articleId) {
				var url = API.API_URL();
				var title1 = mui('#newsTitle');
				var content = mui('#content');
				var time = mui('#time');
				var sign = mui('#sign');
				mui.ajax(url, {
					dataType: 'json', //服务器返回json格式数据
					type: 'post', //HTTP请求类型
					data: {
						method: 'article',
						p: '{articleId:' + articleId + '}'
					},
					timeout: 10000, //超时时间设置为10秒；
					headers: {
						'Accept': 'application/json'
					},
					success: function(data) {
						//服务器返回响应
						console.log(JSON.stringify(data))
						var article = data.data.article;
						var signArticls = data.data.signArticls;
						if(article) {
							title1[0].innerHTML = article.title;
							content[0].innerHTML = article.content;
							time[0].innerHTML = article.publish_time;
						}
						var html = "";
						for(var i = 0; i < signArticls.length; i++){
							html += "<br><img src='"+API.API_ROOT+signArticls[i].sign+"'/>";
						}
						sign[0].innerHTML = html;

					},
					error: function(xhr, type, errorThrown) {
						//异常处理；
						console.log(type);
					}
				});
			};
		</script>
	</body>

</html>