实训day6

天气小程序页面的布局和设置

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

 

作业：