微信小程序新建頁(yè)面的方法

發(fā)布時(shí)間：2021-01-20 10:12:12 來(lái)源：億速云閱讀：369 作者：小新欄目：移動(dòng)開(kāi)發(fā)

這篇文章主要介紹微信小程序新建頁(yè)面的方法，文中介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們一定要看完！

微信小程序新建一個(gè)頁(yè)面并從首頁(yè)跳轉(zhuǎn)到此頁(yè)的方法：

1、新建一個(gè)項(xiàng)目后，在pages 中添加一個(gè)目錄，選中page,右擊鼠標(biāo)，在彈出的菜單里，選擇新建一個(gè)文件夾test。

微信小程序新建頁(yè)面的方法

2、在test文件夾下新建一個(gè)text.wxml 文件，右擊test文件夾，在彈出的菜單里，選擇新建wxml,輸入文件名test,添加組件代碼

微信小程序新建頁(yè)面的方法

3、在test文件夾下，同樣創(chuàng)建test.js文件

微信小程序新建頁(yè)面的方法

4、設(shè)置頁(yè)面標(biāo)題，找到所在頁(yè)面的目錄，打開(kāi) test.json 文件（一般都是自動(dòng)生成的，如果沒(méi)有就新建一個(gè)），加入如下代碼。

{
"navigationBarTitleText": "這是test頁(yè)標(biāo)題"
}

5、將test頁(yè)面的路徑加入 app.json中，打開(kāi)app.json文件，在pages代碼段的最后面，添加 "pages/test/test"語(yǔ)句，中間用逗號(hào)隔開(kāi)。

微信小程序新建頁(yè)面的方法

6、在首頁(yè)加入跳轉(zhuǎn)訪問(wèn)鏈接，打開(kāi)首頁(yè) pages/index/index.wxml 文件，在最后面，添加如下一段代碼，實(shí)現(xiàn)頁(yè)面跳轉(zhuǎn)：

<view class="btn">
<navigator url="/pages/test/test" hover-class="navigator-hover">去test頁(yè)面</navigator>
</view>

以上是“微信小程序新建頁(yè)面的方法”這篇文章的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對(duì)大家有幫助，更多相關(guān)知識(shí)，歡迎關(guān)注億速云行業(yè)資訊頻道！

向AI問(wèn)一下細(xì)節(jié)

猜你喜歡