有意思，圣诞节自己做一个装饰圣诞帽头像的APP！

话说又到了一年一度到别人到节日，圣诞节，还记得去年的时候，朋友圈疯狂转发到圣诞帽嘛，在圣诞节为自己到头像增加一款圣诞帽还是蛮应景的。

我们的目标就是是这样的

❝

当然，如果你对过程不感兴趣，那么直接到文末，有APP下载链接哈~

怎么样，看起来都不错吧，不要想多了，我说的是帽子(￣▽￣)"

那么有没有想过，自己来实现一个装饰头像的小程序呢，今天我们就一起来完成一个

项目框架

最近一直迷恋 uni-app,虽然自己还是一个初学者，但是总是隐隐的能感觉到，大前端时代正在走来。没错，今天我们要说的 APP 就是通过 uni-app 来实现的，纯前端代码即可实现！

这里我还是推荐使用 HBuilderX这款编译器，毕竟是真的好用且和 uni-app 项目完美结合，因为都是 DCloud 团队的产品嘛！

下面完美就通过 HBuilderX 来创建一个 uni-app 项目

对于本程序，我们就采用最简单的方式，一个页面足够了，编辑 pages 当中的 index 中的 index.vue，在这里编写我们程序的页面布局，已经相关的操作

我们先设置页面背景，这个可以定下全局的基调

<image class="page-bg" :style="{ height: windowHeight + 'px'}" mode="aspectFill" src="/static/image/christmas-bg.png"></image>