Udacity微信小程序开发-新闻小程序

小程序开发注册网址

小程序开发工具下载网址

2. 搭建小程序页面

• 2.1 rpx小测试

  • rpx 全称是什么？（请填写英语全称）

  responsive pixel

  • iphone 7 的屏幕宽度对应多少 rpx？

  750 rpx

  • iphone 7 的屏幕高度对应多少 rpx？

  667 * ( 750 / 375 ) = 1334 rpx

  • iphone 7 Plus 的屏幕宽度对应多少 rpx？

  750 rpx

  • iphone 7 Plus 的屏幕高度对应多少 rpx？

  736 * (750 / 414) = 1333.33 rpx

  • iphone X 的屏幕宽度对应多少 rpx？

  750 rpx

  • iphone X 的屏幕高度对应多少 rpx？

  812 * ( 750 / 375) = 1624 rpx

在小程序开发工具中截图如下：

P.S. DPR: Device Pixel Ratio，设备像素比。

• 2.10 修改小程序导航栏颜色

在当前页面的.json文件中使用navigationBarBackgroundColor属性，例如：

{
	"navigationBarTitleText": "天气小程序",
	"navigationBarBackgroundColor": "#cbeefd",
	"navigationBarTextStyle": "white"
}

p.s. 此处的色号#cbeefd是Udacity提供的，其他的两条可以先不用管。