一、前言

Hello大家好，我是李小白，是CSDN和wallpaper engine的同名作者，本期帶來的是wallpaper engine上面的一款天氣壁紙，開發(fā)使用的是Vue，然后打包發(fā)到wallpaper engine，項(xiàng)目已經(jīng)發(fā)到了github jl15988（https://github.com/jl15988），請(qǐng)參考github perfect-weather（https://github.com/jl15988/perfect-weather），歡迎Star。

目前該項(xiàng)目已同步至Gitee：gitee perfect-weather（https://gitee.com/jl15988/perfect-weather）

二、效果圖

三、功能

• 支持自定義背景

• 支持天氣動(dòng)效（目前只有陽光，多云和星空），且隨天氣變化而變化

• 可查看前天、今天、未來14天天氣情況

• 天氣包括天氣狀況、溫度、風(fēng)向、風(fēng)級(jí)、且有溫度變化折線圖

• 可查看時(shí)間、日期、星期、時(shí)間段、地支紀(jì)時(shí)法

更多功能敬請(qǐng)期待…

四、項(xiàng)目啟動(dòng)

首先，你應(yīng)該通過下面命令去安裝依賴

然后通過下面命令去運(yùn)行它

同樣，你也可以通過下面命令來打包，以便于發(fā)到服務(wù)器

五、使用

該項(xiàng)目僅供個(gè)人學(xué)習(xí)使用，請(qǐng)勿將api用于商用等賺取利益的渠道。

1.本地環(huán)境

本地使用的是測(cè)試數(shù)據(jù)，如果想切換api數(shù)據(jù)，請(qǐng)到src/api/api.js中，將useTestData改為false（不影響生產(chǎn)環(huán)境）。

2. 生產(chǎn)環(huán)境

生產(chǎn)環(huán)境自動(dòng)為api數(shù)據(jù)，無需切換。

六、組件

1. WeatherType

該組件為動(dòng)態(tài)天氣背景，識(shí)別api數(shù)據(jù)的weather_icon_id屬性，現(xiàn)在只加了三種環(huán)境，多云、陽光和星空。后面會(huì)繼續(xù)添加其他效果。

2. MTime

時(shí)間組件。

3. MWeather

顯示的天氣信息組件。

4. MWeatherLines

天氣折線圖組件。

七、wallpaper engine

現(xiàn)最新壁紙已發(fā)布到wallpaper engine，搜索完美天氣即可訂閱，或者搜索功夫李白查看本作者所有壁紙，歡迎關(guān)注訂閱，壁紙更新和發(fā)布會(huì)在bilibili 會(huì)功夫的李白發(fā)布視頻，歡迎關(guān)注，發(fā)現(xiàn)更多好看、好玩的壁紙！