taro小程序开发(二)之配置新页面

1,324 阅读1分钟

1. 创建新页面

可使用taro的快速创建页面命令:

taro create --name 页面名称

image-20211214170333513.png

该命令能自动创建.tsx文件和 .scss文件

image-20211214170456801.png

也可自行创建页面。

2.页面配置

创建好页面后需将页面路径添加到app.config.ts配置文件中

image-20211214171207147.png

创建页面配置文件 页面名称.config.ts 文件。

image-20211214171917144.png

在该文件中编写页面的配置信息

image-20211214171955589.png

格式为:

export default{
  配置项: '属性值',
  配置项2: '属性值',
  ......
}

常用配置项有:

navigationBarBackgroundColor:导航栏背景颜色

navigationBarTextStyle:导航栏标题颜色

navigationBarTitleText:导航栏文字内容

image-20211214175059140.png 更多配置项可参考:taro-docs.jd.com/taro/docs/p…

一个小程序页面就创建好并能正常渲染了。