小程序的窗口配置:window

0
视频
0
完成
0%
进度
0
分钟
0
完成
0%
进度

小程序的相关配置都在 app.json 这个文件里面 .. 之前我们在这里用了一个 pages ,给小程序添加了一个页面 .. 就是这个 index ...

小程序窗口相关的配置可以放在 window 里面 .. 添加一个 window .. 然后可以使用不同的配置选项去配置小程序的窗口 .. 具体可以使用的配置选项你可以参考小程序的开发文档 ..

先用一个 navigationBarBackgroundColor .. 它可以设置导航栏的背景颜色 .. 默认是黑色 .. 这里我们把它设置成白色 ..

再用一个 navigationBarTitleText .. 设置一下导航栏上要显示的文字 .. ninghao.net .. 默认文字的颜色是白色,所以我们看不到文字 ..

设置导航栏的文字颜色用的是 navigationBarTextStyle .. 它可以是 white 白色,也可以是 black .. 黑色 ..

下面再用一个 enablePullDownRefresh .. 下拉刷新 .. 默认它的值是 false .. 不使用下拉刷新 .. 现在我们把它设置成 true ..

到模拟器上试一下 .. 向下拉动页面,会露出一个加载图标 .. 不过因为颜色是亮色,我们的背景也是亮色,所以没看到这个加载图标 ..

添加一个 backgroundTextStyle ,设置一下窗口背景文字的样式 .. 可以是 light ,也可以是 dark .. 这里我们设置成 dark .. 因为窗口背景颜色是亮色的 ..

可以再添加一个 backgroundColor 设置一下窗口背景的颜色 .. #ededed ..

再到模拟器上试一下 .. 向下拉动页面 .. 会露出一块 .. 这块区域的背景就是 backgroundColor 设置的 ..

这个下拉刷新的行为我们会在后面介绍到 ..

小程序的窗口配置:window《 微信小程序:框架 》

统计

15260
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点