一、目錄介紹
1.Pages目錄:用于存放所有的頁(yè)面。
2.utils目錄:用于存放工具類文件,自己寫的一些開(kāi)發(fā)模塊稱之為工具類文件
3.app.js是入口文件,程序在運(yùn)行的時(shí)候,首先要執(zhí)行該文件。
4.app.json是全局配置文件,用于配置小程序的信息(它里面配置的是全局信息)。
5.app.wxss是全局樣式文件。
6.project.config.json是項(xiàng)目配置文件
7.sitemsp.json是SEO配置文件。SEO:搜索引擎。方便小程序被用戶發(fā)現(xiàn)找到的‘。
二.打開(kāi)方式
微信公眾平臺(tái)注冊(cè)開(kāi)發(fā)者賬號(hào):https://mp.weixin.qq.com/
下載小程序開(kāi)發(fā)工具:
https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html
三.app.json
(1)pages配置項(xiàng)
pages里面注冊(cè)的是視圖。用于指定小程序由哪些頁(yè)面組成,每一項(xiàng)都對(duì)應(yīng)一個(gè)頁(yè)面的路徑(含文件名)信息。
??"pages":[
????"pages/index/index"
??]
(2)window配置項(xiàng)
window 是全局窗口配置。
backgroundTextStyle 設(shè)置文本樣式(下拉loading的樣式),僅支持 dark / light。
navigationBarBackgroundColor 設(shè)置導(dǎo)航欄背景。
navigationBarTitleText 設(shè)置導(dǎo)航欄文本。
navigationBarTextStyle 設(shè)置導(dǎo)航欄標(biāo)題顏色,僅支持 black / white。
??"window":{
????"backgroundTextStyle":"light",
????"navigationBarBackgroundColor":?"#369",
????"navigationBarTitleText":?"KW43-APP",
????"navigationBarTextStyle":"white"
??}
(3)style
style 設(shè)置樣式級(jí)別,默認(rèn)是v2。
"style":?"v2"
(4)sitemapLocation
sitemapLocation 指明sitemap.json 的位置;默認(rèn)為 'sitemap.json' 即在 app.json 同級(jí)目錄下名字的 sitemap.json 文件。
??"sitemapLocation":?"sitemap.json"
四.頁(yè)面組成
每一個(gè)頁(yè)面由四個(gè)文件組成:xxx.wxml文件、xxx.wxss文件、 xxx.js文件和xxx.json文件
??在wxml文件中,不能寫傳統(tǒng)的html標(biāo)簽,只能寫微信提供的組件
??view組件,就相當(dāng)于div標(biāo)簽
??text組件,就相當(dāng)于span標(biāo)簽
?swiper是滑塊視圖容器,它里面只能放swiper-item組件,
????swiper組件的常用屬性:
????1、circular是銜接滑動(dòng)。
????2、autoplay是自動(dòng)切換。
????3、interval:自動(dòng)切換時(shí)間間隔。
????4、indicator-dots:是否顯示面板指示點(diǎn)。
????4.1、indicator-active-color:當(dāng)前選中的指示點(diǎn)顏色。
????4.2、indicator-color:顯示點(diǎn)顏色
????image是圖片組件,注意:最好全部采用網(wǎng)絡(luò)圖片,因?yàn)樾〕绦蚩偺峤徊辉试S超過(guò)2MB