小程式開發流程(三)附加tabBar框架
阿新 • • 發佈:2019-01-22
(一):第一講 說到client --> pages --> index -->. index.wxml. 為入口檔案; 那麼專案開發當然要從入口開始啦~
現在寫一個 hello world 吧~ 畢竟hello world 是程式猿的必經之路呢~
完美!
(二):那想給 hello world 增加一些樣式呢~這對於前端的同學來說就是太簡單啦~比如背景黑色、字白色
emmmm……這中間設計到了元件~為什麼用<view></view> 請看元件文件
截圖如下:
.title { color: white; background: black;}<viewjs: index.js 可以把js檔案全部清空了~ 寫Page然後會出來好多函式~Page是一定要寫的~然後再Page裡面寫 時間函式
(三):有幾個頁面~就要在Page裡面建立幾個資料夾~ 一個資料夾裡面要有wxml、wxss、js , 然後 在client --> app.json的 pages 裡面配一下 (配路由在app.json裡面配)~eg:
"pages":[ "pages/index/index" ],注意: 進來那個頁面做首頁,就把那個 “pages/xx/xx” 放在第一個~
表示:pages資料夾下的index資料夾下的 index.wxml. (意思就是在這裡宣告一下)
(四)app.json在配置的過程中是容易報錯的:遇見的問題如下
1. 不要寫註釋,容易報錯! 我寫了幾個註釋,就一直報錯~說是無效的,把註釋刪了就好了
2 .
js裡面雖然什麼都沒有~但也要吧Page寫上,Page 然後按tab出來出現一大堆~
(五)小圖示iconfont
image資料夾放在 client資料夾下~