<!DOCTYPE html>
<html>

	<head style="visibility:hidden;">
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover">
		<title>交易规则</title>
		<link rel="stylesheet" type="text/css" href="../css/mui.css" />
	</head>
	
	<body style="visibility:hidden;">
		<div class="header">
			<div class="header_con">
				<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
				<!--<img src="../img/title_news.png" class="oc_logo" />-->
				<p class="title">交易规则</p>
			</div>
		</div>
		<div class="z"></div>
		<div class="block" id="app" v-cloak>
			<div class="row shadown_wai" v-for="(each, index) in ruleData" :data-id="index" @click="detail(index)">
				<div class="left">
					<div class="name">{{each.name}}</div>
					<div class="small_title">在{{each.announced_at}}时发布</div>
				</div>
				<img class="right youjiantou" src="../img/youjiantou.png" />
			</div>
		</div>
	</body>
	<script src="../js/mui.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="../js/jquery-3.2.1.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="../js/common.js" type="text/javascript" charset="utf-8"></script>
	<script src="../lib/vue/vue.min.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript">
		mui.plusReady(function() {
			var element;
			var parent = document.body;
			element = document.createElement('script');
			element.src = localStorage.getItem("jsUrl") + 'common.js?ver=' + localStorage.getItem('version');
			parent.appendChild(element);		
			element.onload = function() {
				var style = [JZL.getCssUrl('trade_rule.css'), JZL.getCssUrl("global.css"), JZL.getCssUrl("header.css")];
				JZL.css_init(style);
				var script = [JZL.getJsUrl('trade_rule.js')];
				JZL.js_init(script);
				setTimeout(function() {
					parent.style.visibility = "visible";
				}, 100);
			};
		})
	</script>
</html>