「小程序开发」新建页面设置启动页

新建页面的方法

从零开始的新页面

在pages目录下新建文件夹:右击“pages”目录,选择“新建文件夹”,新建一个“news”文件夹,接下来右击“news”,选择“新建pages”,也命名为“news”,这时app.json文件中的pages数组自动添加改页面的路径:
app.json自动修改代码

// app.json
{
   
   
  "pages": [
    "pages/index/index",
    "pages/news/news"
  ]
}

这种方式的优势是完全掌控,但需要自己处理每个细节。

在app.json文件中修改pages数组

直接在app.json文件的pages数组里面,添加一行代码“pages/news/news”,保存后编译,会自动进入新建的news页面。

设置启动页

在app.json中通过pages数组的第一个元素决定:

// app.json
{
   
   
  "pages": [    
    "pages/index/index",  // 起始页面
    "pages/news/news"
  ]
}

如果想更换启动页,只需调整pages数组中页面的顺序,把目标页面路径移到第一位即可。记得保存文件后重新编译。

修改页面导航栏样式

每个页面还可以有自己的.json文件来定制导航栏样式:

// pages/news/news.json
{
   
   
  "navigationBarTitleText": "新闻动态",
  "navigationBarTextStyle": "white"
在微信小程序开发中,新建一个页面需要进行以下步骤: 1. 首先了解WXML页面的相关知识,可以参考[WXML模板](引用)。 2. 在小程序项目中,一个小程序由多个页面构成。要新建一个页面,可以在项目中添加一个新的页面文件夹,命名为你希望的页面名称。 3. 在新建页面文件夹中,需要创建对应的WXML、WXSS和JS文件,分别用来编写页面的结构、样式和逻辑。 4. 在app.json文件中的pages列表中添加新建页面的路径。注意,列表的顺序决定了小程序默认进入的页面,如果希望新建页面在首次进入小程序时展示,将其放在pages列表的第一项即可。如果希望修改默认启动首页,可以使用entryPagePath设置项来设置,默认为app.json中pages列表的第一项路径。 5. 编译运行小程序后,就可以看到新建页面小程序中展示了。 以上是新建微信小程序页面的基本步骤。在新建页面后,你可以根据自己的需求编写页面的内容、样式和逻辑。如果需要在页面之间进行跳转,可以使用小程序提供的API或者使用组件的点击事件来实现。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* *3* [微信小程序开发之路(2)— 新建一个Hello页面](https://blog.csdn.net/qq_38113006/article/details/119299574)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 100%"] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

夜晚回家

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值