商城
小程序開發(fā)怎樣解決Demo文件的配置與結構?深圳
小程序開發(fā)公司本文詳解項目結構推薦配置。微信團隊提供的Demo的文件目錄分得非常清晰,頁面單獨存放在pages文件夾下,然后每一個頁面單獨創(chuàng)建一個文件夾,里面的四個文件的文件名與文件夾名稱一致。小程序開發(fā)公司資深工程師還提醒把用到的一些第三方插件工具等放入utils文件夾中,如果要使用圖片的話,還可以單獨創(chuàng)建一個images文件夾,把使用到的圖片放在images文件夾中。全局的文件app.js、app.json、app.wXss、project.config.json文件單獨放在項目文件夾中即可,注意這幾個文件是不可以更改文件名的,并且是唯一的。如圖2-2所示。

商城小程序開發(fā)之微信小程序配置
一個項目的網絡請求超時時間、導航欄的樣式等,一般都是統(tǒng)一的。對于統(tǒng)一的信息,修改一個地方就能達到所有的地方都被修改的效果,這樣做才是最合理的,否則,一個地方一個地方地修改不僅麻煩還容易遺漏。在微信小程序中,app.json和app.wxml就是用來進行統(tǒng)一的樣式配置的。
商城小程序開發(fā)之樣式配置
app.json文件是統(tǒng)一的項目配置文件,每一個頁面的配置文件為pageName.json。app.json文件的具體代碼如下:
"pages": [
"pages/index/index","pages/ logs/logs"J,
"window": {
"backgroundTextStyle":"light",
"navigationBarBackgroundColor" : "#fff","navigationBarTitleText" : "WeChat",
"navigationBarTextStyle":"black"
}
pages用來存放用到的所有頁面的路徑,寫的是pageName.wxml的路徑,但是不需要寫后綴,系統(tǒng)會自動查找頁面對應的其他文件。注意,最后一個不需要用“,”分隔。第一個頁面路徑為首頁顯示的頁面。
window是窗口的樣式設置,用來設置微信小程序的狀態(tài)欄、標題、導航欄等的樣式。顏色只接受十六進制的顏色值。其屬性如表2-1所示,

各屬性對應的位置如圖2-3所示。

tabBar是多tab應用時使用的,用戶可以在微信小程序的底部切換頁面,建議最少2個,最多5個。其屬性如表2-2所示,

各屬性對應的位置如圖2-4所示。

其中l(wèi)ist存放的是單個tab頁面的圖標、文字和路徑,屬性如表2-3。

好了,
深圳小程序開發(fā)公司本文關于“商城小程序開發(fā)怎樣解決Demo文件的配置與結構?”經驗就分享到這里。如果您需要聯(lián)系深圳小程序開發(fā)公司,為您量身定制小程序商城的開發(fā)工作,請聯(lián)系我們網站在線客服或者撥打我們小程序定制開發(fā)技術客服聯(lián)系電話,為您定制詳細商城小程序開發(fā)方案。謝謝關注,博納網絡編輯整理。