前端开发
- 工具准备（微信开发者工具）
- 基础知识：WXSS样式
- 前端实现思路梳理
- 各功能页面开发实操
CSS样式
基本思路，大小尺寸（长+宽+圆角）+定位尺寸+布局排列对齐方式+颜色+背景色，这些是基本属性，确认了这些，组件的样式也就确认了。具体知识学习菜鸟教程
了解几个基本概念：
- display布局：说的是元素内部子元素的排列方式
- position定位：说的是元素本身的定位方式
- standard基准：尺寸采用%表示时，注意是以谁为基准；定位方式不同时，定位基准也不同
菜鸟教程盒子模型
需要注意两点：
1.width和height是content的大小，整个元素大小要加上padding、border、margin。
2.元素和元素之间，元素与容器之间的位置、尺寸联系。注意父、子关系。
view组件样式说明
提醒：
如无特别写出，元素/组件之间排列顺序依照wxml中结构，如特别指出，则按照指出的顺序。比如绝对定位（absolute，以page空间的左上角为原点，left和top为横纵坐标）
定位属性
PS：自己遇到的问题：button的宽度改变不了
解决方法：app.json中的style V2删掉
网友评论