<!doctype html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/> <meta name="format-detection" content="telephone=no,email=no,date=no,address=no"> <title>Hello APP</title> <link rel="stylesheet" type="text/css" href="./css/api.css" /> <style type="text/css"> html,body{ height: 100%; } #wrap{ height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-flex-flow: column; flex-flow: column; } #header{ text-align: center; background-color: #81a9c3; color: #fff; width: 100%; } #header h1{ font-size: 20px; height: 44px; line-height: 44px; margin: 0em; color: #fff; } #main{ -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; } #footer{ height: 30px; line-height: 30px; background-color: #81a9c3; width: 100%; text-align: center; } #footer h5{ color: white; } .con{font-size: 28px; text-align: center;} </style> </head> <body> <div id="wrap"> <div id="header"> <h1>APICloud</h1> </div> <div id="main"> </div> <div id="footer"> <h5>Copyright ?<span id="year"></span> </h5> </div> </div> </body> <script type="text/javascript" src="./script/api.js"></script> <script type="text/javascript"> apiready = function(){ var header = $api.byId(‘header‘); var year = $api.byId(‘year‘); year.innerHTML = new Date().getFullYear(); api.ajax({ url: ‘http://www.yuechebang.cn/Oauth/Api/index‘, method: ‘get‘, cache: false, dataType: ‘jsonp‘, returnAll:false, },function(ret,err){ if (ret) { var urlJson = JSON.stringify(ret); api.alert({msg: urlJson}); }else { api.alert({ msg:(‘错误信息:‘+err.msg) }); }; }); }; </script> </html>
时间: 2024-10-27 05:51:49