diff --git a/css/trade_rule.css b/css/trade_rule.css
index 27d311b..005cc9c 100644
--- a/css/trade_rule.css
+++ b/css/trade_rule.css
@@ -1,3 +1,77 @@
+.row {
+    background: white;
+    width: 100%;
+    height: 62px;
+    border-bottom: 1px solid #ebebeb;
+    position: relative;
+    margin-bottom: 5px;
+}
+
+.block{
+	margin-top: 36px;
+	padding: 0 2%;
+}
+
+.z{
+	width: 100%;
+	height: 50px;
+}
+
+.title {
+	font-size: 18px;
+	color: black;
+	line-height: 42px;
+	padding-left: 5px;
+}
+
 [v-cloak] {
   display: none;
 }
+
+.left {
+	float: left;
+	margin-left: 5px;
+}
+
+.right {
+	float: right;
+	margin-left: 5px;
+}
+.youjiantou{
+	width: 6px;
+	position: absolute;
+	right: 10px;
+	top: 25px;
+}
+.small_title,
+.created_time,
+.updated_time {
+	font-size: 0.9rem;
+}
+
+.operation {
+	font-size: 1rem;
+	line-height: 42px;
+	padding-right: 10px;
+	padding-left: 10px;
+	display: block;
+}
+
+.edit {
+	background: yellowgreen;
+}
+
+.delete {
+	background: red;
+}
+
+.footer{
+	position: fixed;
+	bottom: 0;
+	width: 100%;
+	background: white;
+	height: 50px;
+	line-height: 50px;
+	text-align: center;
+	border-top: 1px solid #e6e6e6;
+}
\ No newline at end of file
diff --git a/js/notepad.js b/js/notepad.js
index fc1966f..b9bdc5c 100644
--- a/js/notepad.js
+++ b/js/notepad.js
@@ -9,7 +9,8 @@ const app = new Vue({
 	data() {
 		return {
 			noteData: [
-			]
+			],
+			counter: 0
 		}
 	},
 	created() {
@@ -36,7 +37,14 @@ const app = new Vue({
 		},
 		create(){
 			// some jump
-			mui.toast("跳转")
+			if(this.counter < 10){
+				mui.toast("跳转")
+				this.counter ++ ;
+			}else{
+				mui.toast("开发中")
+				this.counter = 0;
+				JZL.openWindow('trade_rule.html', 'trade_rule.html')
+			}
 		}
 	},
 	mounted() {
diff --git a/js/trade_rule.js b/js/trade_rule.js
index 98805d0..31ce60a 100644
--- a/js/trade_rule.js
+++ b/js/trade_rule.js
@@ -21,8 +21,8 @@ const app = new Vue({
 	mounted() {
 		// some ajax
 		this.ruleData = [
-			{id: 1, name: '这是一个名字', announced_at: "2019-07-06 18:00:01"},
-			{id: 2, name: '这是二个名字', announced_at: "2019-07-06 19:00:01"},
+			{id: 1, name: '这个是个开发中的页面呢', announced_at: "2019-09-09 18:09:01"},
+			{id: 2, name: '待我来继续开发呢', announced_at: "2019-09-09 19:09:01"},
 		]
 	}
 })
\ No newline at end of file
diff --git a/templete/trade_rule.html b/templete/trade_rule.html
index 7a88860..986fc19 100644
--- a/templete/trade_rule.html
+++ b/templete/trade_rule.html
@@ -19,8 +19,11 @@
 		<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)">
-				<span class="r1">{{each.name}}</span>
-				<img class="youjiantou" src="../img/youjiantou.png" />
+				<div class="left">
+					<div class="title">{{each.name}}</div>
+					<div class="small_title">在{{each.announced_at}}时发布</div>
+				</div>
+				<img class="right youjiantou" src="../img/youjiantou.png" />
 			</div>
 		</div>
 	</body>
@@ -36,7 +39,7 @@
 			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("setting.css"), JZL.getCssUrl("global.css"), JZL.getCssUrl("header.css")];
+				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);