H5App-美丽天气

前段时间接触了mui，于是便做了一个H5天气app。

1.预览

已经用HBuilder打包成app在手机运行。

分别对应春夏秋冬。

2.背景的实现

背景的实现依靠了两个div，HTML如下：

<div class="weather-cover"></div>
<div class="weather-content"></div>

其中，cover是季节壁纸（准备了春夏秋冬四张），其CSS如下：

.weather-cover {
    width: 100vw;
    height: 100vh;

    background: center no-repeat;
    background-size: 100% 100%;