微信小程序之(一)pages


查看官方文檔如下:

pages

接受一個數組,每一項都是字符串,來指定小程序由哪些頁面組成。每一項代表對應頁面的【路徑+文件名】信息,數組的第一項代表小程序的初始頁面。小程序中新增/減少頁面,都需要對 pages 數組進行修改。

文件名不需要寫文件后綴,因為框架會自動去尋找路徑.json,.js,.wxml,.wxss的四個文件進行整合。

如開發目錄為:

pages/

pages/index/index.wxml

pages/index/index.js

pages/index/index.wxss

pages/logs/logs.wxml

pages/logs/logs.js

app.js

app.json

app.wxss

則,我們需要在 app.json 中寫:
{
  "pages":[
    "pages/index/index"
    "pages/logs/logs"
  ]
}

  我們嘗試來動動手,在pages下做一下變動:

  1、新建 test目錄,並在 test目錄下新建如下空白文件:

   2、然后修改 app.json文件:

  

      此時編譯之后會提示出錯:

  

    我們打開控制台瞅瞅:詳細錯誤信息如下:

  

      意思已經很明顯,我們修改test.json,增加一對{}就可以解決:

  

  這樣就不會報錯了,但是編譯后的效果還是和以前一樣,並沒有發生變化,然后我們嘗試着 把 "pages/test/test" 放到 "pages/index/index" 的前面:

 

  

    這時 默認的index頁面就會被我們替換掉,你只會看到一個帶title的空白頁

    4、我們繼續嘗試修改test下的文件,讓它能顯示一些內容:

   修改test.wxml:

   此時編譯之后的效果:

  

  是不是很簡單?好了 第一步的學習就到這里,讓我們以后慢慢深入。。。

    

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM