天气小程序页面的布局和设置
1.天气api通用接口文档
GET参数
设计一个天气预报的界面
如何设计页面
弹性布局:display:fixed->左右对齐
字符串裁切:.substr(从哪一个字符串开始切,切哪一位)
居中:display:flex;flex-direction:column;justify-content:flex-end;align-items:center;
做滚动界面效果
scroll-view
可滚动视图区域。使用竖向滚动时,需要给scroll-view一个固定高度,通过 WXSS 设置 height。
设置天气内容的布局位置间距
index.wxss
作业: