微信投票小程序

一个投票小程序,可以对三种不同类型资源(视频、文章、图片)进行投票。

首页为三种资源的分类展示,展示主体为图文类型,采用flex布局,点击各种资源可以进入到资源详情页

每种资源展示组件化,另外有底部导航栏,跳到三种资源的各自展示页面,各自展示页面实现了定位功能,

可以在全国和本地间切换,以及城市选择页面。

页面间数据传递: 在url跳转时携带

公用方法封装: 定位方法,全国和本地间的切换  类似ES6 中export 导出,require引入

支持数据绑定

全局样式与局部样式 app.wxss 和 page.wxss

感悟: 

1.开发过程中有很多细节性问题,比如样式不标准,与设计稿不符合,考虑得少,文本标题的显示超过多少字省略

2. 了解到开发一个实际项目真正要注意的问题,比如看到设计稿,首先应该先做布局,考虑怎么布局方便,然后再做下一步

3.初次写写了很多重复代码,比如各页面中都使用的方法可以提取出来到一个js文件,再引入使用

4.IphoneX 机型适配问题,由于IphoneX底部有黑线,考虑底部导航栏显示问题,判断机型后,在底部使用padding-bottom 预留出空间

猜你喜欢

转载自www.cnblogs.com/aizzz/p/9781310.html