此文档是微信小程序开发视频教程第 27 小节至第 33 小节配套文档。
027-新闻列表页面的布局开发(一)
列表的数据布局,最终设计成单项,然后通过后台进行列表数据的循环进行绑定即可。
列表渲染:https://developers.weixin.qq.com/miniprogram/dev/framework/view/wxml/list.html
一些样式细节:
- 一些常用的样式需要定义在全局样式中,这样可以重用。
- 注意 vh 的作用与使用。
- 元素阴影的使用。
028-新闻列表页面的布局开发(二)
- 圆角
- 阴影
- 样式调试的方式
可以参考的课程:
-
[原创] 50 个 Chrome Developer Tools 必备技巧
https://devopen.club/course/chromedevtools -
[原创] 网页响应式开发高级教程
https://devopen.club/course/responsive