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