lihai
/
ZZDianXin_UI


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475
							<!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" />
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<title>通讯录</title>
		<link href="css/mui.min.css" rel="stylesheet" />
		<link rel="stylesheet" href="css/iconfont.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">联系人</h1>
        </header>
        <div class="mui-content">
            <ul class="mui-table-view" id="listArea">
                <li class="mui-table-view-cell" id="mode">
                    #
                </li>
            </ul>
        </div>

			<div class="mui-content mui-scroll-wrapper" id="pullrefresh">
				<div class="mui-scroll">
					<ul class="mui-table-view mui-table-view-striped mui-table-view-condensed" id="">
						
						<li class="mui-table-view-cell">
							<div class="mui-input-row mui-search">
								<input type="search" class="mui-input-clear go_search" placeholder="请输入关键字" style="margin-bottom: 0;">
							</div>
						</li>
						
					</ul>
					<ul class="mui-table-view mui-table-view-striped mui-table-view-condensed TX" id="">

						
					</ul>
				</div>
				<!--右上角弹出菜单-->

			</div>
		</div>
		<script src="js/mui.min.js"></script>
		<script src="js/zepto.js"></script>
		<script src="js/huayi.config.js"></script>

		<script type="text/javascript" charset="utf-8">
			 mui.init();
                mui.plusReady(function() {
                    // 扩展API加载完毕，现在可以正常调用扩展API
                    plus.contacts.getAddressBook(plus.contacts.ADDRESSBOOK_PHONE, function(addressbook) {
                        addressbook.find(["displayName", "phoneNumbers"], function(contacts) {
                            for(var i = 0, len = contacts.length; i < len; i++) {
                                var li = document.getElementById("mode").cloneNode(true);
                                li.innerHTML = contacts[i].displayName + "<br/>手机：" + (contacts[i].phoneNumbers.length == 0 ? "" : contacts[i].phoneNumbers[0].value);
                                document.getElementById("listArea").appendChild(li);
                            }
                        }, function() {
                            mui.toast("获取电话簿失败");
                        }, {
                            multiple: true
                        });
                    }, function(e) {
                        mui.toast("获取电话簿失败 " + e.message);
                    });
                });
				
		</script>
	</body>

</html>