小程序v2.0-基于云开发的首页设计与实现

项目技术栈微信原生小程序+云开发。为什么选择微信原生小程序进行开发？因为它可以直接应用它的云开发能力。这里我主要使用云开发能力中的小程序端SDK。说白了就是用javascript直接操作数据库即可。本文前言基于云答题小程序v2.0的源地址，以及教大家搭建答题小程序v1.0的系列文章目录。在11月的最后一天及时完成]本文底部。这里简单解读一下首页的代码。v2.0的主页是在v1.0的主页基础上改进的。首页是小程序首屏的展示。它这里承载的功能是展示答题小程序的主题背景图、按钮布局、页面路由跳转等功能。说白了就是让用户一进入小程序就知道这是一个什么样的小程序，能做什么或者是什么。这里的主页比较简单，所以直接上传了源码。有兴趣的可以阅读v1.0首页的文章，比较异同。首页布局获取头像昵称开始答题回答记录排行榜推荐给朋友活动规则主页样式页面{background-color:#f6eef9;}.mw-bg{position:absolute;顶部：0；左：0；宽度：750rpx；height:100vh;}.mw-btn{position:absolute;顶部：53vh；左：0；宽度：750rpx；z-index:2;}.??mw-answer{填充:100rpx150rpx30rpx;}.mw-weixin.text-center{颜色:#333;padding:30rpx00;}首页的效果图不错，所见即所得，来看看运行后的页面显示效果。轻松实现，学会简洁大方的页面设计，提高审美能力。相比v1.0主页也有改进。