分別對應春夏秋冬。
背景的實現依靠了兩個div，html如下：
class="weather-cover">div>
class="weather-content">div>
其中，cover是季節桌布（準備了春夏秋冬四張），其css如下：
.weather-cover
.weather-cover-spring
.weather-cover-summer
.weather-cover-autumn
.weather-cover-winter
很簡單，根據月份來判斷：
var currmonth = new
date().getmonth() + 1; //獲取月份判斷季節
if (2
<= currmonth && currmonth <= 4) else
if (5
<= currmonth && currmonth <= 7) else
if (8
<= currmonth && currmonth <= 10) else
weather-content這個div設定了背景做蒙層：
.weather-content
開啟應用的manifest.json檔案，切換到**檢視，在plus -> distribute -> google 下新增immersedstatusbar節點並設定值為true。
天氣資訊使用了nowapi，簡單舉例下：
mui.ajax(
});
//自定義$
function
$(name) else
if (name.match(/^\./)) else
return obj;
}
H5 App除錯方法參考
相較於pc端，移動端除錯要更加豐富一些，下面對除錯的方法進行簡單彙總。主要分為以下幾點 chrome developer tools android chrome inspect ios safari gapdebug weinre weinre相關套件 除了chrome，firefox中的除錯工具...
H5 app前端後台ajax互動總結
流應用開發 1.前端是hbuilder 編寫的html頁面，ui控制項用mui 2.後台用eclipse開發的servlet做控制器 3.前後臺互動用mui的ajax。在hbuilder中選擇在安卓手機 我的手機是安卓的 執行編寫好的移動應用，前端寫好登陸頁面 後台使用eclipse編寫，採用mvc...
H5及H5 app對iphoneX及以上適配
本文主要介紹對iphonex及以上適配。提供css和js的適配方式。一 設定網頁在可視視窗的布局方式注 viewport fit cover使得頁面內容完全覆蓋整個視窗 二 頁面主體內容限定在安全區域內body注 只有設定了viewport fit cover，才能使用env env 跟consta...