微信小程序（創(chuàng)建頁面、設(shè)置頁面標(biāo)題）
|
好了 hello world 創(chuàng)建好了 ，咱開始寫頁面了，那么如何創(chuàng)建一個(gè)簡單的頁面呢，廢話不多說，開始擼代碼 新建一個(gè)頁面需要以下幾步： 1. 在pages 中添加一個(gè)目錄（當(dāng)然如果你覺得寫在現(xiàn)有的目錄里面就好 那這一步就省略啦） 點(diǎn)擊左側(cè)的 編輯 --> 點(diǎn)中 pages 文件夾 --> 點(diǎn)擊右上角的 + 號(hào) --> 在下拉菜單中選擇 目錄 --> 彈出框中 填寫目錄 名稱 （這里我們寫了test）--> 點(diǎn)擊 確定
2. 新建一個(gè)wxml 文件選中 test 文件夾 --> 點(diǎn)擊 右上角 + 號(hào) ---> 選擇 wxml 類型 文件 --> 填入文件名 （注意 這里必須填寫 后綴名 至少 我的版本是必須填入的）
3. 編輯test.wxml 文件為了方便測試 我們隨便 填寫點(diǎn)內(nèi)容進(jìn)去
4. 創(chuàng)建test.js文件使用同樣的方法在test 目錄下創(chuàng)建一個(gè) test.js 文件
5. 將test 頁面加入 app.json在pages 屬性中 加入一條 test 頁面所在的目錄 這里是相對(duì)路徑 首部不必填寫 /
6. 在首頁加入訪問鏈接好了 上面路徑也加好了 我們得加個(gè)入口 才能看到自己寫的頁面啊 ， 小程序的首頁一般是默認(rèn)顯示 pages 屬性 中的第一條路徑所指向的頁面 ，如果我們不想破壞原有的 那么 我們直接找到首頁 pages/index/index.wxml 添加一個(gè)鏈接
7. 訪問一且準(zhǔn)備就緒 ，點(diǎn)擊左下角的 “編譯”，出現(xiàn)如下 頁面
然后 點(diǎn)擊 “”跳轉(zhuǎn)test頁面“”
哇哈哈，看到了沒，你的頁面做好了?。。。ㄗ⒁馑许撁婢庉嫼?請(qǐng)按 ctrl + s 保存鍵）
設(shè)置頁面標(biāo)題 頁面寫好了，總感覺哪里不爽，對(duì)，就是那，每個(gè)頁面的標(biāo)題都一樣，都是 Wechat cou 呀 真cou, 那咱就單獨(dú)說說，如何設(shè)置 頁面標(biāo)題。 找到所在頁面的目錄，新建一個(gè) json 文件，比如我們上一次建造的 test 頁面 我們 找到 pages/test/ 目錄 新建一個(gè) test.json 文件 加入如下代碼
效果如下：
是不是很霸氣，這節(jié)就寫這么多，下節(jié)更精彩！ |
