烂笔头OK

css/notepad.css

@@ -22,6 +22,7 @@
 	color: black;
 	line-height: 42px;
 	padding-left: 5px;
+	font-weight: bolder;
 }
 
 [v-cloak] {

js/common.js

@@ -1,10 +1,10 @@
 var is_app = 1;
-var imgUrl = 'http://img.zgqlg.com.cn/';
+// var imgUrl = 'http://img.zgqlg.com.cn/';
-var webUrl = 'http://www.zgqlg.com.cn/';
+// var webUrl = 'http://www.zgqlg.com.cn/';
-var webUrl1 = 'http://www.zgqlg.com.cn/';
+// var webUrl1 = 'http://www.zgqlg.com.cn/';
-// var imgUrl = 'http://qlg.tsgz.moe:233/';
+var imgUrl = 'http://qlg.qgmzbxs.com/';
-// var webUrl = 'http://qlg.tsgz.moe:233/';
+var webUrl = 'http://qlg.qgmzbxs.com/';
-// var webUrl1 = 'http://qlg.tsgz.moe:233/';
+var webUrl1 = 'http://qlg.qgmzbxs.com/';
 var cssUrl = localStorage.getItem("cssUrl");
 var jsUrl = localStorage.getItem("jsUrl");
 var version = localStorage.getItem("version");

templete/notepad.html

@@ -16,28 +16,33 @@
 				<p class="title">烂笔头</p>
 			</div>
 		</div>
-		<div class="z"></div>
+		<div style="height: 36px;"></div>
-		<div class="block" id="app" v-cloak>
+		<style>
-			<div class="row clearfix" v-for="(each, index) in noteData" :data-id="each.id">
+			.indicator {
-				<div class="left" v-if="!each.currentDelete" @click="edit(index)">
+				display: inline-block;
-					<div class="name">{{each.name}}</div>
+				width: 33%;
-					<div class="created_time">创建时间：{{each.created_at}}</div>
+				padding: 10px 0;
-					<div class="updated_time">更改时间：{{each.updated_at}}</div>
+				margin: 0 10px;
-				</div>
+				text-align: center;
-				<div class="left" v-else>
+				color: black;
-					<div class="name" style="color: red;font-weight: bolder;">你确定要删除么？</div>
+				background-color: #ddd;
-					<div class="small_title">{{each.name}}</div>
+			}
-				</div>
+			.act.indicator {
-				<div class="right" v-if="!each.currentDelete">
+				color: white;
-					<div class="operation edit" @click.stop.prevent="edit(each.id)">编辑</div>
+				background-color: #444;
-					<div class="delete operation" @click.stop.prevent="triggerDelete(index)">删除</div>
+			}
-				</div>
+			#subPage {
-				<div class="right" v-else>
+				height: calc(100vh - 140px);
-					<div class="operation delete confirm" @click.stop.prevent="confirmDelete(index)">确认</div>
+				width: 100vw;
-					<div class="operation edit cancel" @click.stop.prevent="cancelDelete(index)">取消</div>
+				border: none;
-				</div>
+			}
-			</div>
+		</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>
+		<iframe id="subPage" src="notepad_index.html"></iframe>
 		<div class="footer">
 			新增记事
 		</div>
@@ -45,7 +50,6 @@
 	<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;
@@ -56,13 +60,34 @@
 			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.js_init(script);
+//				JZL.js_init(script);
 				setTimeout(function() {
 					parent.style.visibility = "visible";
 				}, 100);
 			};
+			$('#subPage').attr('src', 'notepad_index.html');
+			$('.indicator').click(function(){
+				$('.indicator').removeClass('act');
+				$(this).addClass('act');
+				$('#subPage').attr('src', $(this).data('url'));
+			})
+		})
+		mui.plusReady(function(){
+			$(".footer").click(function(){
+				mui.openWindow({
+					url: "notepad_edit.html",
+					id: "notepad_edit"+0,
+					extras: {
+						noteId: 0
+					},
+					createNew: false, //是否重复创建同样id的webview，默认为false:不重复创建，直接显示
+					waiting: {
+						autoShow: true, //自动显示等待框，默认为true
+						title: '正在加载...', //等待对话框上显示的提示内容
+					}
+				})
+			})
 		})
-		
 	</script>
 </html>

templete/notepad_index.html

@@ -0,0 +1,40 @@
+<!DOCTYPE html>
+<html>
+	<head>
+		<meta charset="utf-8">
+		<title></title>
+	</head>
+	<body>
+		<div id="app" v-cloak>
+				<div class="row clearfix" v-for="(each, index) in noteData" :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>
+	</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">
+		var style = [JZL.getCssUrl('notepad.css'), JZL.getCssUrl("global.css"), JZL.getCssUrl("header.css")];
+						JZL.css_init(style);
+						var script = [JZL.getJsUrl('notepad.js')];
+						JZL.js_init(script);
+		</script>
+</html>