94 lines
2.9 KiB
HTML
94 lines
2.9 KiB
HTML
<!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 style="height: 36px;"></div>
|
||
<style>
|
||
.indicator {
|
||
display: inline-block;
|
||
width: 33%;
|
||
padding: 10px 0;
|
||
margin: 0 10px;
|
||
text-align: center;
|
||
color: black;
|
||
background-color: #ddd;
|
||
}
|
||
.act.indicator {
|
||
color: white;
|
||
background-color: #444;
|
||
}
|
||
#subPage {
|
||
height: calc(100vh - 140px);
|
||
width: 100vw;
|
||
border: none;
|
||
}
|
||
</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>
|
||
</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 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('notepad.css'), JZL.getCssUrl("global.css"), JZL.getCssUrl("header.css")];
|
||
JZL.css_init(style);
|
||
// var script = [JZL.getJsUrl('notepad.js')];
|
||
// 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>
|