lzf
/
partTime-app


			
				
					
						
						
							1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768
							<!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" />
		<style>
			.icon{color: white;font-size: 20px;padding-top: 10px;}
            .mui-content{overflow:hidden;padding:15px;background-color: white;margin-top: 23px;}
            .mui-content img{width:100%;border-radius: 3px;}
            .title{font-size:18px;margin-top:20px;text-align:left;font-weight:700}
            .bq{font-size:13px;color:#a9a9a9;padding-top:10px;padding-bottom: 10px;}
            .content{font-size:13px;line-height:30px!important;color:#464646;letter-spacing:1.1px;text-align:left;padding:5px;overflow:hidden;margin-top:15px}
            .content img{width:100%!important;height:auto!important;text-align:center!important}
            .content p{color:#464646}
            .content span{color:#464646}
		</style>
	</head>
	<body>
		<div id="app">
			<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>
				<!--<i @click="fx()" class="icon mui-pull-right">&#xe61a;</i>-->
			</header>
			<div class="mui-content">
				<div class="title">{{item.mTitle}}</div>
				<div class="bq">{{item.mTime}}</div>
				<div class="divider" style="margin-top: 15px;">
					<div class="line" style="width: 30%;"></div>
					<div class="text" style="width: 40%;">文章内容</div>
					<div class="line" style="width: 30%;"></div>
					<div class="clear"></div>
				</div>
				<div class="content" v-html="item.mContent"></div>
			</div>
		</div>
		<script src="../../js/mui.min.js"></script>
		<script src="../../js/app.js"></script>
		<script src="../../js/vue.min.js"></script>
		<script type="text/javascript">
			var vm = new Vue({
				el: "#app",
				data: {
					item: {}
				},
				mounted: function() {
					mui.plusReady(function() {
						var obj = plus.webview.currentWebview();
						request(urls().news_detail, {id: obj.param.id}, function(res) {
							 vm.item = res;
							plus.nativeUI.closeWaiting();
						})
					})
				},
				methods: {
					//分享
					fx: function() {
						plus.share.sendWithSystem({content: vm.item.mTitle +'  链接：'+urls().path + '/news/share/'+ vm.item.id});
					},
				}
			})
		</script>
	</body>

</html>