github.com/jincm/wesharechain@v0.0.0-20210122032815-1537409ce26a/app/html/contacts/contact_groups.html (about) 1 <!doctype html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <meta name="copyright" content="www.apicloud.com" /> 6 <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/> 7 <title>群组消息</title> 8 <link rel="stylesheet" type="text/css" href="../../css/app_common.css" /> 9 <link rel="stylesheet" type="text/css" href="../../css/api.css" /> 10 <link rel="stylesheet" type="text/css" href="../../css/idangerous.swiper.css"> 11 12 </head> 13 14 <body> 15 16 17 <!--D:\srccode\zuohaoshi\client\demo\wangyimusic20141207\html\third_frame\frame0301.html--> 18 19 <div class="sectionTitle mt20" id="data_div"></div> 20 21 <script id="mytpl" type="text/x-dot-template"> 22 {{ if(it && it.length > 0){ }} 23 {{ for(var i=0;i<it.length;i++){ }} 24 25 <div class="egret-flex-item" tapmode="fmbtnhover" onclick="openUserDetail('{{=it[i].user_id}}')"> 26 <div class="egret-flex-item-logo"> 27 <img src="../../image/test/frame0103cover07.jpg" alt="" class=""> 28 </div> 29 <div class="egret-flex-item-shelf"> 30 {{ if(it[i].user_name){ }} 31 <div class="egret-flex-item-shelf01">{{=it[i].user_name}}</div> 32 {{ }else{ }} 33 <div class="egret-flex-item-shelf01">无名</div> 34 {{ } }} 35 36 {{ if(it[i].content){ }} 37 <div class="egret-flex-item-shelf02"><span class="egret-flex-item-redclassify">好人</span>{{=it[i].content}}</div> 38 {{ }else{ }} 39 <div class="egret-flex-item-shelf02"><span class="egret-flex-item-redclassify">好人</span>抬头看天,低头看地,平头看人!</div> 40 {{ } }} 41 </div> 42 </div> 43 44 {{ } }} 45 46 {{ }else{ }} 47 <li>没有数据</li> 48 {{ } }} 49 </script> 50 51 <script type="text/javascript" src="../../script/api.js"></script> 52 <script type="text/javascript" src="../../script/idangerous.swiper.js"></script> 53 <script type="text/javascript" src="../../script/doT.min.js" charset="utf-8"></script> 54 <script type="text/javascript" src="../../script/app.js"></script> 55 56 <script type="text/javascript" charset="utf-8"> 57 58 59 </script> 60 61 <script type="text/javascript"> 62 63 function openUserDetail(user_id) { 64 65 alert("应该跳转到User页面 id " + user_id); 66 67 /*winName = grouptype + "_" + type + "_detail" 68 winUrl = winName + "_win.html" 69 api.openWin({ 70 name: winName, 71 url: winUrl, 72 pageParam: {dataId: did} 73 });*/ 74 } 75 76 var headerPos; 77 78 window.onload = function() { 79 } 80 81 apiready = function () { 82 console.log("come setFrameGroupIndex:win name:" + api.winName + " framename:" + api.frameName); 83 84 //获取数据 85 function loadData(){ 86 //get message 87 //get token and userid,if token is null,redirect to login 88 user_id = $api.getStorage("user_id"); 89 //token = $api.getStorage("token"); 90 url = "/u/" + "/users/search?loc_x=116&loc_y=40" 91 myajax(url,'GET','', function(ret,err){ 92 console.log("ret body = " + JSON.stringify(ret.body)); 93 //alert(JSON.stringify(ret.body)); 94 95 if(ret){ 96 console.log(JSON.stringify(ret.body)) 97 /*api.alert({ 98 title: '获取成功', 99 msg: ret.body, 100 buttons: ['确定'] 101 }, function (ret, err) { 102 if (ret.buttonIndex == 1) { 103 api.closeWin(); 104 } 105 });*/ 106 var obj = [ {"user_id":"123451","user_name":"group1","content":"this is group1's sign"}, 107 {"user_id":"123452","user_name":"group2","content":"this is group2's sign"}, 108 {"user_id":"123453","user_name":"group3","content":"this is group3's sign"}, 109 {"user_id":"123454","user_name":"group4","content":"this is group4's sign"}, 110 {"user_id":"123455","user_name":"group5","content":"this is group5's sign"}, 111 {"user_id":"123456","user_name":"group6","content":"this is group6's sign"}, 112 {"user_id":"123457","user_name":"group7","content":"this is group7's sign"}, 113 {"user_id":"123458","user_name":"group8","content":"this is group8's sign"}, 114 {"user_id":"123459","user_name":"group9","content":"this is group9's sign"}]; 115 116 var data_div = $api.byId('data_div'); 117 var tpl = $api.byId('mytpl').text; 118 var tempFn = doT.template(tpl); 119 data_div.innerHTML = tempFn(obj); 120 }else { 121 api.alert({ 122 msg:('错误码:'+err.code+';错误信息:'+err.msg+'网络状态码:'+err.statusCode) 123 }); 124 } 125 }); 126 } 127 128 // 结合下拉刷新 129 api.setRefreshHeaderInfo({ 130 visible: true, 131 loadingImg: 'widget://image/near/refresh.png', 132 bgColor: '#ccc', 133 textColor: '#fff', 134 textDown: '下拉刷新...', 135 textUp: '松开刷新...', 136 showTime: true 137 }, function(ret, err){ 138 loadData(); // 第一次加载 139 api.refreshHeaderLoadDone(); 140 }); 141 142 // 默认第一次打开页面就下拉加载数据 143 api.refreshHeaderLoading(); 144 145 } 146 </script> 147 </html>