H5 天氣預報樣式

2021-07-17 05:58:58 字數 664 閱讀 6419

實現的介面是

小雪微風

實時溫度:13度 空氣質素 13s 輕度汙染

周二週三

周四

天氣預報的樣式

html

body

header

main

/*標籤的寬度= 邊框的寬度+內容的寬度+內邊距

其中 設定的寬度為內容的寬度

當設定的box-size:border-box的時候,標籤的寬度就等於設定的寬度*/

footer

pfooter div

footer div:nth-child(3)

/*.tom

.tom1

.tom2*/

div img

.clear

動態雪花的js

function flake()

setinterval(down,100); }

flake();

for(var i=0; i<200;i++)

微信小程式開發 1 天氣預報

由於專案只有乙個頁面,所以不需要底部tab。另外設定網路請求時間為10秒,並且啟用除錯模式。首先在common.js中使用獲取使用者當前地理位置介面獲取使用者的座標位址,座標型別選擇gcj02。獲取當前位置座標 function getlocation callback fail function ...

微信公眾平台開發(4)天氣預報

北京 output json ak yourak 引數型別 引數名稱 是否必須 具體描述 string location true 輸入城市名或經緯度,城市名稱如 北京或者131,經緯度格式為lng,lat座標如 location 116.305145,39.982368 全國值為all,返回省會城...

Python爬蟲例項扒取2345天氣預報

寒假裡學習了一下python爬蟲,使用最簡單的方法扒取需要的天氣資料,對,沒聽錯,最簡單的方法。甚至沒有乙個函式封裝。火狐中右鍵檢視網頁源 沒有發現天氣資料,因此推斷網頁採用的json格式資料。右擊 檢視元素 網路 js,找到了位置 用python爬蟲 為json格式資料儲存下來,如下 coding...