微信投票小程序

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

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

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

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

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

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

支持数据绑定

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

 

感悟: 

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

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

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

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

 

转载于:https://www.cnblogs.com/aizzz/p/9781310.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值