1. 程式人生 > >小程式開發流程(三)附加tabBar框架

小程式開發流程(三)附加tabBar框架

(一):第一講 說到client --> pages --> index -->. index.wxml. 為入口檔案; 那麼專案開發當然要從入口開始啦~

現在寫一個 hello world 吧~ 畢竟hello world 是程式猿的必經之路呢~


完美!

 (二):那想給  hello world 增加一些樣式呢~這對於前端的同學來說就是太簡單啦~比如背景黑色、字白色

emmmm……這中間設計到了元件~為什麼用<view></view> 請看元件文件

截圖如下:

.title { color: white; background: black;}<view
class='title'>hello world</view>

js: 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. (意思就是在這裡宣告一下)

"window":{ "backgroundColor":"#F6F6F6", // 整個背景顏色 "backgroundTextStyle":"light", // 文字樣式 "navigationBarBackgroundColor": "#F6F6F6", // 導航條顏色 "navigationBarTitleText": "Wafer Quick Start", // 導航條文字"navigationBarTextStyle":"black" // 文字樣式 }

(四)app.json在配置的過程中是容易報錯的:遇見的問題如下

1. 不要寫註釋,容易報錯! 我寫了幾個註釋,就一直報錯~說是無效的,把註釋刪了就好了

2 .

js裡面雖然什麼都沒有~但也要吧Page寫上,Page 然後按tab出來出現一大堆~

(五)小圖示iconfont

image資料夾放在 client資料夾下~