在微信小程序开发中,新建页面可以分为两种情况:
1. 新建普通页面
可以按照如下步骤来创建一个普通页面:
1.1 在小程序项目根目录下找到“pages”目录,在该目录下新建一个子目录,用于存放该页面的代码。
1.2 在该子目录下新建一个 WXML 后缀的文件(如“newpage.wxml”),用于描述页面结构;同时新建一个 WXSS 后缀的文件(如“newpage.wxss”),用于描述该页面的样式。
1.3 在子目录下新建一个 JS 后缀的文件(如“newpage.js”),用于编写该页面的业务逻辑和交互效果。
1.4 在 app.json 配置文件中新增该页面的路由信息,这样才能够在小程序中访问到该页面。比如:
```
"pages": [
"pages/index/index",
"pages/logs/logs",
"pages/newpage/newpage"
]
```
注意:以上新增的 "pages/newpage/newpage" 是根据新建的页面目录和文件名来确定的,需按照实际情况修改。
2. 新建 TabBar 页面
对于 TabBar 类型的页面,需要在项目根目录下的 app.json 文件中通过 tabBar 配置项来实现。
以下是在 app.json 文件中创建 TabBar 页面的示例代码:
```
"tabBar": {
"color": "#999",
"selectedColor": "#07c160",
"borderStyle": "black",
"backgroundColor": "#fff",
"list": [
{
"pagePath": "pages/index/index",
"text": "首页",
"iconPath": "images/tabbar/home.png",
"selectedIconPath": "images/tabbar/home-active.png"
},
{
"pagePath": "pages/newpage/newpage",
"text": "新建",
"iconPath": "images/tabbar/new.png",
"selectedIconPath": "images/tabbar/new-active.png"
}
]
}
```
以上代码中,在 tabBar 的 list 数组中添加一个新对象(如“新建”按钮),并设置该按钮的 pagePath、text、iconPath 和 selectedIconPath 等属性,即可实现在 TabBar 中添加新页面的功能。
总之,无论是新建普通页面或 TabBar 页面,在小程序中创建页面都需要按照 上述四个步骤 进行操作。