一、项目中要注意到的点
1、删除多余文件的时候我们一定要先把app.json中的pages数组中删除,再去删除文件夹。
2、我们会发现在image文件夹中的图片都有@3这样的图标,意思是设计师给的是三倍的高清图片。
3、底部的tabBar建议设计师设计的尺寸为81px*81px,否则可能会在某些机型上出现模糊的bug。
伸缩盒(flex)布局实现内容水平垂直居中
/* flex伸缩盒布局 */
display: flex;
/* 水平居中对齐 */
justify-content: center;
/* 垂直居中对齐 */
align-items: center;
4.出现以下情况:
文章图片
微信小程序中是不允许使用背景图片的,可以使用image标签、网络图片、base64三种方式。
5.微信小程序中轮播图的实现:
在官方文档-组件中有现成的可以用的轮播组件swiper,通过看官方文档我们会发现轮播由一个个swiper-item组成
【微信小程序开发项目实战(五)】另外可以通过添加属性来调节轮播图,官方文档:https://developers.weixin.qq.com/miniprogram/dev/component/swiper.html
推荐阅读
- 微信小程序地址位置定位wx.getLocation 4G 与WIFI 不一致
- C#|微信小程序开发系列(六)——“处理请求时出错”怎么处理()
- 微信小程序|微信小程序从入门到入土教程(02)
- 微信小程序前端请求云函数显示超时错误
- wepy|wepy微信小程序swiper组件设置自适应图片高度,图片高度不一致取最高图片的高度
- 解决实际问题|小程序部署环境问题
- 小程序之云开发初体验
- 微信小程序中获取时间戳IOS不兼容
- 如何实现微信小程序wx.setStorage数据缓存实现缓存过期时间