diff --git a/templete/notepad.html b/templete/notepad.html
index bee7349..44b0056 100644
--- a/templete/notepad.html
+++ b/templete/notepad.html
@@ -40,9 +40,9 @@
 			}
 		</style>
 		<div class="block" style="display: flex;width: 100vw;">
-			<div class="indicator act" data-url="notepad_index.html">备忘记</div>
-			<div class="indicator" data-url="notepad_index.html">信用卡</div>
-			<div class="indicator" data-url="notepad_index.html">阅看越想</div>
+			<div class="indicator act" data-app="app">备忘记</div>
+			<div class="indicator" data-app="app2">信用卡</div>
+			<div class="indicator" data-app="app3">阅看越想</div>
 		</div>
 		<div id="app" class="subPage" v-cloak>
 			<div class="row clearfix" v-for="(each, index) in noteData" :data-id="each.id">
@@ -65,8 +65,31 @@
 				</div>
 			</div>
 		</div>
-
-		<div class="footer">
+		<div id="app2" class="subPage" v-cloak>
+			<div class="row clearfix" v-for="(each, index) in creditData" :data-id="each.id">
+				<div class="left" v-if="!each.currentDelete" @click="edit(index)">
+					<div class="name">{{each.title}}</div>
+					<div class="created_time">创建时间：{{each.create_time}}</div>
+					<div class="updated_time">更改时间：{{each.update_time}}</div>
+				</div>
+				<div class="left" v-else>
+					<div class="name" style="color: red;font-weight: bolder;">你确定要删除么？</div>
+					<div class="small_title">{{each.title}}</div>
+				</div>
+				<div class="right" v-if="!each.currentDelete">
+					<div class="operation edit" @click.stop.prevent="edit(each.id)">编辑</div>
+					<div class="delete operation" @click.stop.prevent="triggerDelete(index)">删除</div>
+				</div>
+				<div class="right" v-else>
+					<div class="operation delete confirm" @click.stop.prevent="confirmDelete(index)">确认</div>
+					<div class="operation edit cancel" @click.stop.prevent="cancelDelete(index)">取消</div>
+				</div>
+			</div>
+		</div>
+		<div id="app3" class="subPage" v-cloak>
+			<div style="text-align: center;font-size: 24px;">请等待更新</div>
+		</div>
+		<div class="footer note">
 			新增记事
 		</div>
 	</body>
@@ -84,16 +107,17 @@
 			element.onload = function() {
 				var style = [JZL.getCssUrl('notepad.css'), JZL.getCssUrl("global.css"), JZL.getCssUrl("header.css")];
 				JZL.css_init(style);
-				var script = [JZL.getJsUrl('notepad.js')];
+				var script = [JZL.getJsUrl('notepad.js'), JZL.getJsUrl('credit.js')];
 				JZL.js_init(script);
 				setTimeout(function() {
 					parent.style.visibility = "visible";
 				}, 100);
 			};
-			$('#subPage').attr('src', 'notepad_index.html');
 			$('.indicator').click(function(){
 				$('.indicator').removeClass('act');
+				$('.subPage').hide();
 				$(this).addClass('act');
+				$('#'+$(this).data('app')).show()
 			})
 		})
 	</script>