npm - @oxiaom/adoremix-linux-x64 - Versions diffs - 1.0.0 - Mend

@oxiaom/adoremix-linux-x64 1.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (262) hide show

package/native/etc/docroot/bangzhu/examples/buttons-with-icons.html ADDED Viewed

@@ -0,0 +1,68 @@
+<!DOCTYPE html>
+<html>
+	<head>
+		<meta charset="utf-8">
+		<title>Hello MUI</title>
+		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
+		<meta name="apple-mobile-web-app-capable" content="yes">
+		<meta name="apple-mobile-web-app-status-bar-style" content="black">
+		<!--标准mui.css-->
+		<link rel="stylesheet" href="../css/mui.min.css">
+		<style>
+			 .mui-btn{
+		        margin-top: 10px;
+		        margin-left: 10px;
+		    }
+		</style>
+	</head>
+	<body>
+		<header class="mui-bar mui-bar-nav">
+		    <a class="mui-action-back mui-icon mui-icon-back mui-pull-left"></a>
+		    <h1 class="mui-title">带图标按钮</h1>
+		</header>
+		<div class="mui-content">
+		    <div class="mui-content-padded">
+		    		<h5>图标居左：</h5>
+		        <button type="button" class="mui-btn mui-icon mui-icon-home">
+		            首页
+		        </button>
+		        <button type="button" class="mui-btn mui-btn-primary mui-icon mui-icon-search">
+		            搜索
+		        </button>
+		        <button type="button" class="mui-btn mui-btn-success mui-icon mui-icon-plus">添加</button>
+		        <button type="button" class="mui-btn mui-btn-danger mui-btn-outlined">
+		            <span class="mui-icon mui-icon-trash"></span>
+		            删除
+		        </button>
+		        <button type="button" class="mui-btn mui-btn-link">
+		            <span class="mui-icon mui-icon-back"></span>
+		            返回
+		        </button>
+		        <h5>图标居右：</h5>
+		        <button type="button" class="mui-btn mui-icon mui-icon-home mui-right">
+		            首页
+		        </button>
+		        <button type="button" class="mui-btn mui-btn-primary mui-icon mui-icon-search mui-right">
+		            搜索
+		        </button>
+		        <button type="button" class="mui-btn mui-btn-success mui-icon mui-icon-plus mui-right">添加</button>
+		        <button type="button" class="mui-btn mui-btn-danger mui-btn-outlined">
+		            删除
+		            <span class="mui-icon mui-icon-trash"></span>
+		        </button>
+		        <button type="button" class="mui-btn mui-btn-link">
+		            下一步
+		            <span class="mui-icon mui-icon-forward"></span>
+		        </button>
+		    </div>
+		</div>
+	</body>
+	<script src="../js/mui.min.js"></script>
+	<script>
+		mui.init({
+			swipeBack:true //启用右滑关闭功能
+		});
+	</script>
+</html>

package/native/etc/docroot/bangzhu/examples/buttons-with-loading.html ADDED Viewed

@@ -0,0 +1,86 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <meta charset="utf-8">
+        <title>Hello MUI</title>
+        <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
+        <meta name="apple-mobile-web-app-capable" content="yes">
+        <meta name="apple-mobile-web-app-status-bar-style" content="black">
+        <!--标准mui.css-->
+        <link rel="stylesheet" href="../css/mui.min.css">
+        <!--App自定义的css-->
+        <link rel="stylesheet" type="text/css" href="../css/app.css" />
+        <style>
+            input,
+            button,
+            .mui-btn {
+                margin: 5px 15px 10px 5px;
+            }
+            .mui-spinner {
+                display: inline-block;
+                width: 24px;
+                height: 24px;
+                -webkit-transform-origin: 50%;
+                transform-origin: 50%;
+                -webkit-animation: spinner-spin 1s step-end infinite;
+                animation: spinner-spin 1s step-end infinite;
+            }
+            .mui-spinner:after {
+                display: block;
+                content: "";
+                width: 100%;
+                height: 100%;
+                background-position: 50%;
+                background-size: 100%;
+                background-repeat: no-repeat;
+            }
+            .mui-spinner-custom:after {
+                background-image: url("data:image/svg+xml;charset=utf-8,<svg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><defs><line id='l' x1='60' x2='60' y1='7' y2='27' stroke='red' stroke-width='11' stroke-linecap='round'/></defs><g><use xlink:href='%23l' opacity='.27'/><use xlink:href='%23l' opacity='.27' transform='rotate(30 60,60)'/><use xlink:href='%23l' opacity='.27' transform='rotate(60 60,60)'/><use xlink:href='%23l' opacity='.27' transform='rotate(90 60,60)'/><use xlink:href='%23l' opacity='.27' transform='rotate(120 60,60)'/><use xlink:href='%23l' opacity='.27' transform='rotate(150 60,60)'/><use xlink:href='%23l' opacity='.37' transform='rotate(180 60,60)'/><use xlink:href='%23l' opacity='.46' transform='rotate(210 60,60)'/><use xlink:href='%23l' opacity='.56' transform='rotate(240 60,60)'/><use xlink:href='%23l' opacity='.66' transform='rotate(270 60,60)'/><use xlink:href='%23l' opacity='.75' transform='rotate(300 60,60)'/><use xlink:href='%23l' opacity='.85' transform='rotate(330 60,60)'/></g></svg>");
+            }
+        </style>
+    </head>
+    <body>
+        <header class="mui-bar mui-bar-nav">
+            <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
+            <h1 class="mui-title">加载中按钮插件</h1>
+        </header>
+        <div class="mui-content">
+            <div class="mui-content-padded">
+            		<p style="margin-bottom: 25px;">当用户点击按钮后，需要向服务端提交数据或等待服务端响应时，
+            			常常需要提示“正在提交”，并将按钮设置为disabled，避免用户重复点击、重复提交；
+            			mui的加载中按钮就实现了类似效果，点击如下按钮体验：</p>
+                <h5>左侧loading图标：</h5>
+                <button type="button" class="mui-btn mui-btn-primary" >确认</button>
+                <h5>右侧loading图标：</h5>
+                <button type="button" class="mui-btn mui-btn-primary" data-loading-text = "提交中" data-loading-icon-position="right">确认</button>
+                <h5>无loading图标：</h5>
+                <button type="button" class="mui-btn mui-btn-primary" data-loading-icon="">确认</button>
+                <h5>自定义loading图标：</h5>
+                <button type="button" class="mui-btn mui-btn-primary" data-loading-icon="mui-spinner mui-spinner-custom">确认</button>
+                <h5>其他button效果</h5>
+                <button type="button" class="mui-btn">确认</button>
+                <button type="button" class="mui-btn mui-btn-outlined mui-btn-primary">确认</button>
+                <button type="button" class="mui-btn mui-btn-primary">确认 <span class="mui-badge mui-badge-primary">2</span></button>
+                <button type="button" class="mui-btn mui-btn-block mui-btn-primary">确认</button>
+            </div>
+        </div>
+    </body>
+    <script src="../js/mui.min.js"></script>
+    <script>
+        mui.init({
+            swipeBack: true //启用右滑关闭功能
+        });
+        mui(document.body).on('tap', '.mui-btn', function(e) {
+            mui(this).button('loading');
+            setTimeout(function() {
+                mui(this).button('reset');
+            }.bind(this), 2000);
+        });
+    </script>
+</html>

package/native/etc/docroot/bangzhu/examples/buttons.html ADDED Viewed

@@ -0,0 +1,89 @@
+<!DOCTYPE html>
+<html>
+	<head>
+		<meta charset="utf-8">
+		<title>Hello MUI</title>
+		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
+		<meta name="apple-mobile-web-app-capable" content="yes">
+		<meta name="apple-mobile-web-app-status-bar-style" content="black">
+		<!--标准mui.css-->
+		<link rel="stylesheet" href="../css/mui.min.css">
+		<!--App自定义的css-->
+		<!--<link rel="stylesheet" type="text/css" href="../css/app.css"/>-->
+		<style>
+			input, button, .mui-btn {
+				margin-top: 10px;
+				margin-left: 10px;
+			}
+		</style>
+	</head>
+	<body>
+		<header class="mui-bar mui-bar-nav">
+			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
+			<h1 class="mui-title">普通按钮</h1>
+		</header>
+		<div class="mui-content">
+			<div class="mui-content-padded">
+				<h5>有底色按钮：</h5>
+				<button type="button" class="mui-btn">
+					默认
+				</button>
+				<div class="mui-btn mui-btn-primary">
+					蓝色
+				</div>
+				<span class="mui-btn mui-btn-success">
+					绿色
+				</span>
+				<button type="button" class="mui-btn mui-btn-warning">
+					黄色
+				</button>
+				<button type="button" class="mui-btn mui-btn-danger">
+					红色
+				</button>
+				<button type="button" class="mui-btn mui-btn-royal">
+					紫色
+				</button>
+				<h5 style="margin-top: 10px;">无底色按钮（使用父元素的背景色）：</h5>
+				<button type="button" class="mui-btn mui-btn-outlined">
+					默认
+				</button>
+				<button type="button" class="mui-btn mui-btn-primary mui-btn-outlined">
+					操作
+				</button>
+				<button type="button" class="mui-btn mui-btn-success mui-btn-outlined">
+					成功
+				</button>
+				<button type="button" class="mui-btn mui-btn-warning mui-btn-outlined">
+					警告
+				</button>
+				<button type="button" class="mui-btn mui-btn-danger mui-btn-outlined">
+					危险
+				</button>
+				<button type="button" class="mui-btn mui-btn-royal mui-btn-outlined">
+					高贵
+				</button>
+				<h5 style="margin-top: 15px;">链接按钮：</h5>
+				<button type="button" class="mui-btn mui-btn-link">
+					添加
+				</button>
+				<h5 style="margin-top: 10px;">默认input标签样式：</h5>
+				<input type="button" value="type=button" />
+				<input type="reset" value="type=reset" />
+				<input type="submit" value="type=submit" />
+				<h5 style="margin-top: 10px;">默认button标签样式：</h5>
+				<button type="button" >按钮</button>
+			</div>
+		</div>
+		</body>
+	<script src="../js/mui.min.js"></script>
+	<script>
+		mui.init({
+			swipeBack:true //启用右滑关闭功能
+		});
+	</script>
+</html>

package/native/etc/docroot/bangzhu/examples/card.html ADDED Viewed

@@ -0,0 +1,97 @@
+<!DOCTYPE html>
+<html>
+	<head>
+		<meta charset="utf-8">
+		<title>Hello MUI</title>
+		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
+		<meta name="apple-mobile-web-app-capable" content="yes">
+		<meta name="apple-mobile-web-app-status-bar-style" content="black">
+		<!--标准mui.css-->
+		<link rel="stylesheet" href="../css/mui.min.css">
+		<!--App自定义的css-->
+		<link rel="stylesheet" type="text/css" href="../css/app.css" />
+	</head>
+	<body>
+		<header class="mui-bar mui-bar-nav">
+			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
+			<h1 class="mui-title">cardview（卡片视图）</h1>
+		</header>
+		<div class="mui-content">
+			<div class="mui-card">
+				<div class="mui-card-content">
+					<div class="mui-card-content-inner">
+						这是一个最简单的卡片视图控件；卡片视图常用来显示完整独立的一段信息，比如一篇文章的预览图、作者信息、点赞数量等
+					</div>
+				</div>
+			</div>
+			<div class="mui-card">
+				<div class="mui-card-header">页眉</div>
+				<div class="mui-card-content">
+					<div class="mui-card-content-inner">
+						包含页眉页脚的卡片，页眉常用来显示面板标题，页脚用来显示额外信息或支持的操作（比如点赞、评论等）
+					</div>
+				</div>
+				<div class="mui-card-footer">页脚</div>
+			</div>
+			<div class="mui-card">
+				<div class="mui-card-header mui-card-media" style="height:40vw;background-image:url(../images/cbd.jpg)"></div>
+				<div class="mui-card-content">
+					<div class="mui-card-content-inner">
+						<p>Posted on January 18, 2016</p>
+						<p style="color: #333;">这里显示文章摘要，让读者对文章内容有个粗略的概念...</p>
+					</div>
+				</div>
+				<div class="mui-card-footer">
+					<a class="mui-card-link">Like</a>
+					<a class="mui-card-link">Read more</a>
+				</div>
+			</div>
+			<!--<div class="mui-card">
+				<div class="mui-card-header mui-card-media">
+					<div class="mui-card-media-object mui-pull-left">
+						<img src="../images/logo.png" width="34px" height="34px" />
+					</div>
+					<div class="mui-card-media-body">
+						小M
+						<p class="mui-ellipsis">发表于 6小时前</p>
+					</div>
+				</div>
+				<div class="mui-card-content mui-card-media" style="height:40vw;background-image:url(../images/yuantiao.jpg)"></div>
+				<div class="mui-card-footer">
+					<a class="mui-card-link">Like</a>
+					<a class="mui-card-link">Comment</a>
+					<a class="mui-card-link">Read more</a>
+				</div>
+			</div>-->
+			<div class="mui-card">
+				<div class="mui-card-header mui-card-media">
+					<img src="../images/logo.png" />
+					<div class="mui-media-body">
+						小M
+						<p>发表于 2016-06-30 15:30</p>
+					</div>
+					<!--<img class="mui-pull-left" src="../images/logo.png" width="34px" height="34px" />
+					<h2>小M</h2>
+					<p>发表于 2016-06-30 15:30</p>-->
+				</div>
+				<div class="mui-card-content" >
+					<img src="../images/yuantiao.jpg" alt="" width="100%"/>
+				</div>
+				<div class="mui-card-footer">
+					<a class="mui-card-link">Like</a>
+					<a class="mui-card-link">Comment</a>
+					<a class="mui-card-link">Read more</a>
+				</div>
+			</div>
+		</div>
+		<script src="../js/mui.min.js"></script>
+	</body>
+</html>

package/native/etc/docroot/bangzhu/examples/checkbox.html ADDED Viewed

@@ -0,0 +1,68 @@
+<!DOCTYPE html>
+<html>
+	<head>
+		<meta charset="utf-8">
+		<title>Hello MUI</title>
+		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
+		<meta name="apple-mobile-web-app-capable" content="yes">
+		<meta name="apple-mobile-web-app-status-bar-style" content="black">
+		<!--标准mui.css-->
+		<link rel="stylesheet" href="../css/mui.min.css">
+		<!--App自定义的css-->
+		<!--<link rel="stylesheet" type="text/css" href="../css/app.css"/>-->
+	</head>
+	<body>
+		<header class="mui-bar mui-bar-nav">
+			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
+			<h1 class="mui-title">checkbox（复选框）</h1>
+		</header>
+		<div class="mui-content">
+			<h5 class="mui-content-padded">图标左对齐</h5>
+			<div class="mui-card">
+				<form class="mui-input-group">
+					<div class="mui-input-row mui-checkbox mui-left">
+						<label>checked：false</label>
+						<input name="checkbox" value="Item 1" type="checkbox" >
+					</div>
+					<div class="mui-input-row mui-checkbox mui-left">
+						<label>checked：true</label>
+						<input name="checkbox" value="Item 2" type="checkbox" checked>
+					</div>
+					<div class="mui-input-row mui-checkbox mui-left mui-disabled">
+						<label>disabled checkbox</label>
+						<input name="checkbox" type="checkbox" disabled="disabled">
+					</div>
+				</form>
+			</div>
+			<h5 class="mui-content-padded">图标右对齐</h5>
+			<div class="mui-card">
+				<form class="mui-input-group">
+					<div class="mui-input-row mui-checkbox">
+						<label>checked：false</label>
+						<input name="checkbox1" value="Item 3" type="checkbox" >
+					</div>
+					<div class="mui-input-row mui-checkbox">
+						<label>checked：true</label>
+						<input name="checkbox1" value="Item 4" type="checkbox" checked>
+					</div>
+					<div class="mui-input-row mui-checkbox mui-disabled">
+						<label>disabled checkbox</label>
+						<input name="checkbox1" type="checkbox" disabled="disabled">
+					</div>
+				</form>
+			</div>
+		</div>
+	</body>
+	<script src="../js/mui.min.js"></script>
+	<script>
+		mui.init({
+			swipeBack:true //启用右滑关闭功能
+		});
+		mui('.mui-input-group').on('change', 'input', function() {
+			var value = this.checked?"true":"false";
+			this.previousElementSibling.innerText = "checked："+value;
+		});
+	</script>
+</html>

package/native/etc/docroot/bangzhu/examples/clouddb_wilddog.html ADDED Viewed

@@ -0,0 +1,268 @@
+<!DOCTYPE html>
+<html>
+	<head>
+		<meta charset="utf-8">
+		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
+		<title></title>
+		<script src="../js/mui.min.js"></script>
+		<script src="https://cdn.wilddog.com/js/client/current/wilddog.js"></script>
+		<link href="../css/mui.min.css" rel="stylesheet" />
+		<script type="text/javascript" charset="utf-8">
+			mui.init();
+		</script>
+		<style type="text/css">
+			.title{
+				background-color: rgba(0,0,0,.25);
+				font-weight: 400;
+			}
+			#list td{
+				padding:5px 5px;
+				word-break: break-word;
+			}
+			#list tr:active{
+				background-color: rgba(0,0,0,.25);
+			}
+			#popover{
+				min-width: 282px;
+				height: 300px ;
+				top:50% !important;
+				margin-top: -150px;
+				left: 50% !important;
+				margin-left: -141px;
+			}
+			@media (min-width: 400px){
+				#popover{
+					width: 80%;
+					margin-left: -40%;
+				}
+			}
+			.mui-popover .mui-popover-arrow{
+				display: none !important;
+			}
+			.operate{
+				text-align: center;
+				margin-top: 20px
+			}
+		</style>
+	</head>
+	<body>
+		<header class="mui-bar mui-bar-nav">
+			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
+			<a class="mui-icon mui-icon-plusempty mui-pull-right" id="open"></a>
+			<h1 class="mui-title">cloud DB（云端数据库）</h1>
+		</header>
+		<div class="mui-content">
+			<div class="mui-content-padded">
+				<p style="text-indent: 22px;">这是mui无后端开发示例，集成野狗云服务，通过js操作云端数据库，实现常见的增删改查功能。
+				</p>
+			</div>
+			<div style="background-color: #fff;padding-bottom: 15px;">
+				<div class="mui-content-padded" >
+					<h4 style="text-align: center;margin-bottom: 15px;padding-top: 15px;">云端数据库</h4>
+					<table id="list" border="1" width="100%" style="padding: 0;text-align: center;table-layout: fixed;" >
+					</table>
+				</div>
+			</div>
+		</div>
+		<div id="popover" class="mui-popover">
+			<div class="mui-popover-arrow"></div>
+			<div class="mui-content-padded">
+				<h4 id="title" style="text-align: center;margin-top: 20px;">新增数据</h4>
+				<form class="mui-input-group" style="margin-top: 30px;">
+					<div class="mui-input-row">
+						<label>字段1：</label>
+						<input type="text" class="mui-input-clear" id="col1" placeholder="请输入">
+					</div>
+					<div class="mui-input-row">
+						<label>字段2：</label>
+						<input type="text" class="mui-input-clear" id="col2" placeholder="请输入">
+					</div>
+					<div class="mui-input-row">
+						<label>字段3：</label>
+						<input type="text" class="mui-input-clear" id="col3" placeholder="请输入">
+					</div>
+				</form>
+				<div id="add_div" class="operate mui-hidden">
+					<button type="button" class="mui-btn mui-btn-blue" id="add">确定</button>
+				</div>
+				<div id="edit_div" class="operate mui-hidden">
+					<button type="button" class="mui-btn mui-btn-blue" id="update" style="margin-right: 30px;">修改</button>
+					<button type="button" class="mui-btn mui-btn-red" id="del">删除</button>
+				</div>
+			</div>
+		</div>
+		<script type="text/javascript">
+			function trim(str){ //删除左右两端的空格
+		　　     return str.replace(/(^\s*)|(\s*$)/g, "");
+		　　 }
+			var network = false;
+			var ref = null;
+			mui.plusReady(function () {
+				if(plus.networkinfo.getCurrentType() == plus.networkinfo.CONNECTION_NONE){
+					mui.toast("当前网络不给力，无法连接云端数据库~");
+				}else{
+					network = true;
+					ref = new Wilddog("https://muidemo.wilddogio.com/demo");
+					getList();
+				}
+			});
+			var list = document.getElementById("list");
+			var col1 = document.getElementById("col1");
+			var col2 = document.getElementById("col2");
+			var col3 = document.getElementById("col3");
+			var add_div = document.getElementById("add_div");
+			var edit_div = document.getElementById("edit_div");
+			var title = document.getElementById("title");
+			document.getElementById("open").addEventListener('tap',function () {
+				if(!network){
+					mui.toast("当前网络不给力，请稍后再试");
+				}else{
+					//清空数据
+					col1.value = "";
+					col2.value = "";
+					col3.value = "";
+					title.innerHTML = "新增数据";
+					add_div.classList.remove("mui-hidden");
+					if(!edit_div.classList.contains("mui-hidden")){
+						edit_div.classList.add("mui-hidden");
+					}
+					mui("#popover").popover("toggle");
+				}
+			});
+			document.getElementById("add").addEventListener('tap', function() {
+				if(!ref){
+					mui.toast("当前网络不给力，请稍后再试");
+				}else{
+					var check = true;
+					mui(".mui-input-group input").each(function () {
+						if(!this.value||trim(this.value)==""){
+							var label = this.previousElementSibling;
+							mui.alert(label.innerText+"不允许为空");
+							check = false;
+							return false;
+						}
+					});
+					if(check){
+						var newRef = ref.push({
+							"col1": col1.value,
+							"col2": col2.value,
+							"col3": col3.value,
+						});
+						add_div.classList.add("mui-hidden");
+						//关闭modal
+						mui("#popover").popover("toggle");
+						mui.toast("添加成功~");
+						//刷新界面
+						getList();
+					}
+				}
+			});
+			document.getElementById("update").addEventListener("tap", function() {
+				var check = true;
+				mui(".mui-input-group input").each(function () {
+					if(!this.value||trim(this.value)==""){
+						var label = this.previousElementSibling;
+						mui.alert(label.innerText+"不允许为空");
+						check = false;
+						return false;
+					}
+				});
+				if(check){
+					var newRef = ref.child(document.getElementById("col1").getAttribute("demoid"));
+					newRef.update({
+						"col1": col1.value,
+						"col2": col2.value,
+						"col3": col3.value,
+					});
+					//关闭modal
+					mui("#popover").popover("toggle");
+					edit_div.classList.add("mui-hidden");
+					mui.toast("修改成功~");
+					//刷新界面
+					getList();
+				}
+			})
+			document.getElementById("del").addEventListener("tap", function() {
+				var newRef = ref.child(document.getElementById("col1").getAttribute("demoid"));
+				newRef.remove();
+				//关闭modal
+				mui("#popover").popover("toggle");
+				if(!edit_div.classList.contains("mui-hidden")){
+					edit_div.classList.add("mui-hidden");
+				}
+				mui.toast("删除成功~");
+				//刷新界面
+				getList();
+			})
+			//列表事件绑定，点击编辑数据
+			 mui("#list").on("tap", "tr", function() {
+			 	var id = this.getAttribute("id");
+			 	if(id){
+			 		document.getElementById("col1").value = this.querySelector(".col1").innerHTML;
+					document.getElementById("col2").value = this.querySelector(".col2").innerHTML;
+					document.getElementById("col3").value = this.querySelector(".col3").innerHTML;
+					document.getElementById("col1").setAttribute("demoid", id);
+					title.innerHTML = "编辑数据";
+					if(!add_div.classList.contains("mui-hidden")){
+						add_div.classList.add("mui-hidden");
+					}
+					edit_div.classList.remove("mui-hidden");
+					mui("#popover").popover("toggle");
+			 	}
+			})
+				/**
+				 * 获取最新记录
+				 */
+			function getList() {
+				ref.once("value", function(snapshot) {
+					list.innerHTML = "<tr class='title'><td>字段1</td><td>字段2</td><td>字段3</td></tr>";
+					var result = snapshot.val();
+					mui.each(result, function(key, elem) {
+						var li = document.createElement("tr");
+						li.setAttribute("id", key);
+						var col1 = document.createElement("td");
+						col1.className = "col1"
+						col1.innerHTML = elem.col1;
+						li.appendChild(col1);
+						var col2 = document.createElement("td");
+						col2.className = "col2"
+						col2.innerHTML = elem.col2;
+						li.appendChild(col2);
+						var col3 = document.createElement("td");
+						col3.className = "col3"
+						col3.innerHTML = elem.col3;
+						li.appendChild(col3);
+						list.appendChild(li);
+					})
+				});
+			}
+		</script>
+	</body>
+</html>