姓名:張興才
學(xué)號(hào):19011210349
轉(zhuǎn)載自:https://tencentcloudbase.github.io/handbook/tcb01.html
【嵌牛導(dǎo)讀】小程序是一種新的開放能力,開發(fā)者可以快速地開發(fā)一個(gè)小程序。小程序可以在微信內(nèi)被便捷地獲取和傳播,同時(shí)具有出色的使用體驗(yàn)。本節(jié)主要介紹微信小程序開發(fā)的入門知識(shí)。
【嵌牛鼻子】開發(fā)者工具 小程序注冊 初識(shí)微信小程序
【嵌牛提問】微信小程序開發(fā)的入門準(zhǔn)備有哪些?
【嵌牛正文】
小程序開發(fā)入門
學(xué)習(xí)技術(shù)不要光看視頻、教材,一定要?jiǎng)邮謱?shí)踐。只有實(shí)戰(zhàn),技術(shù)才會(huì)變得簡單。小程序相比其他編程語言來說,可以讓我們更快做出一些技術(shù)產(chǎn)品。
開始前的準(zhǔn)備
小程序的開發(fā)有兩樣?xùn)|西必不可少,一個(gè)是小程序開發(fā)的技術(shù)文檔;還有一個(gè)就是小程序的開發(fā)者工具。
開發(fā)者工具:小程序開發(fā)者工具下載地址
大家可以根據(jù)自己電腦的操作系統(tǒng)來下載對(duì)應(yīng)的穩(wěn)定版安裝包進(jìn)行安裝。就和我們寫Word、PPT文檔要用Office的軟件一樣,我們要在開發(fā)者工具上多多動(dòng)手,技術(shù)才能掌握的更加真切。
技術(shù)文檔:官方小程序技術(shù)文檔
技術(shù)文檔大家先只需要花五分鐘左右的時(shí)間了解大致的結(jié)構(gòu)即可,先按照我們的教學(xué)步驟學(xué)完之后再來看也不遲。官方的小程序技術(shù)文檔過于全面而且詳細(xì),對(duì)于初學(xué)者或者零基礎(chǔ)的朋友來說,我們會(huì)引導(dǎo)大家如何循序漸進(jìn)的學(xué)習(xí)文檔里的技術(shù)知識(shí)。
多看技術(shù)文檔和多用開發(fā)工具也是我們學(xué)習(xí)其他編程語言或技術(shù)最為重要的兩點(diǎn),凡是脫離技術(shù)文檔和開發(fā)工具看視頻、看文章以及搜集再多的資料都是舍本求末的錯(cuò)誤做法,而這也是很多初學(xué)者的一個(gè)通病。
值得注意的是小程序的開發(fā)功能更新非常頻繁,很多網(wǎng)上的教程內(nèi)容都比較過時(shí),而只有技術(shù)文檔才是同步最新的。無論你是初學(xué)者還是高手,技術(shù)文檔都是我們技術(shù)開發(fā)的基礎(chǔ)與落腳點(diǎn),常讀常新。
注冊微信小程序
小程序的注冊非常方便,打開小程序注冊頁面,按照要求填入個(gè)人的信息,驗(yàn)證郵箱和手機(jī)號(hào),掃描二維碼綁定你的微信號(hào)即可,3分鐘左右的時(shí)間即可搞定。
注冊頁面:小程序注冊頁面
注冊小程序時(shí)不能使用注冊過微信公眾號(hào)、微信開放平臺(tái)的郵箱哦,也就是需要你使用一個(gè)其他郵箱才行。
當(dāng)我們注冊成功后,就可以自動(dòng)登入到小程序的后臺(tái)管理頁面啦,如果你不小心關(guān)掉了后臺(tái)頁面,也可以點(diǎn)擊小程序后臺(tái)管理登錄頁進(jìn)行登錄。
后臺(tái)管理頁:小程序后臺(tái)管理登錄頁
小程序和微信公眾號(hào)的登錄頁都是同一個(gè)頁面,他們會(huì)根據(jù)你的不同的注冊郵箱來進(jìn)行跳轉(zhuǎn)。
進(jìn)入到小程序的后臺(tái)管理頁后,點(diǎn)擊左側(cè)菜單的開發(fā)進(jìn)入設(shè)置頁,然后再點(diǎn)擊開發(fā)設(shè)置,在開發(fā)者ID里就可以看到AppID(小程序ID),這個(gè)待會(huì)我們有用。
注意小程序的ID(AppID)不是你注冊的郵箱和用戶名,你需要到后臺(tái)查看才行哦~
新建一個(gè)模板小程序
安裝完開發(fā)者工具之后,我們使用微信掃碼登錄開發(fā)者工具,然后使用開發(fā)者工具新建一個(gè)小程序的項(xiàng)目,
項(xiàng)目名稱:這個(gè)可以根據(jù)自己的需要任意填寫,可以是中文;
目錄:大家需要先在電腦上新建一個(gè)空文件夾,然后選擇這個(gè)空文件夾;
AppID:就是之前我們找到的AppID(小程序ID)(也可以點(diǎn)擊右邊的下拉框,下拉選擇AppID)
開發(fā)模式為小程序
后端服務(wù)選擇不使用云服務(wù),注意為了教學(xué)的需要,先選擇不使用云服務(wù)
語言為JavaScript
點(diǎn)擊新建確認(rèn)之后就能在開發(fā)者工具的模擬器里看到一個(gè)簡單的Hello World模板小程序,在編輯器里看到這個(gè)小程序的源代碼。
小任務(wù):?分別點(diǎn)擊開發(fā)者工具工具欄上的模擬器、編輯器、調(diào)試器,以及下面的手機(jī)下拉框、顯示百分比,看看有什么效果。找到開發(fā)者工具的菜單欄,在項(xiàng)目菜單欄里找到查看所有項(xiàng)目,在設(shè)置菜單欄里找到外觀設(shè)置,切換一下主題、調(diào)試器主題(深色、淺色)。
接下來,我們點(diǎn)擊開發(fā)者工具的工具欄里的預(yù)覽圖標(biāo),就會(huì)彈出一個(gè)二維碼,使用你的手機(jī)微信掃描這個(gè)二維碼就能在微信里看到這個(gè)小程序啦。以后我們要自己開發(fā)一個(gè)小程序都可以按照上面的操作新建一個(gè)模板小程序,然后在這個(gè)的基礎(chǔ)上修改開發(fā)。
如果你沒有使用微信登錄開發(fā)者工具,以及你的微信不是該小程序的開發(fā)者是沒法預(yù)覽的哦。這個(gè)Hello World模板小程序非常簡單,但是它的文件結(jié)構(gòu)卻是完整的。
開通云開發(fā)服務(wù)
點(diǎn)擊微信開發(fā)者工具的“云開發(fā)”圖標(biāo),在彈出框里點(diǎn)擊“開通”,同意協(xié)議后,會(huì)彈出創(chuàng)建環(huán)境的對(duì)話框。這時(shí)會(huì)要求你輸入環(huán)境名稱和環(huán)境ID,以及當(dāng)前云開發(fā)的基礎(chǔ)環(huán)境配額(基礎(chǔ)配額免費(fèi),而且足夠你使用哦)。
建議你環(huán)境名稱可以使用?xly、環(huán)境ID自動(dòng)生成即可,當(dāng)你的云開發(fā)環(huán)境出現(xiàn)問題的時(shí)候,你可以提供你的環(huán)境ID,云開發(fā)團(tuán)隊(duì)會(huì)有專人為你解答。
按照對(duì)話框提示的要求填寫完之后,點(diǎn)擊創(chuàng)建,會(huì)初始化環(huán)境,環(huán)境初始化成功后會(huì)自動(dòng)彈出云開發(fā)控制臺(tái),這樣我們的云開發(fā)服務(wù)就開通啦。大家可以花兩分鐘左右的時(shí)間熟悉一下云開發(fā)控制臺(tái)的界面。
文件結(jié)構(gòu)與頁面組成
在了解以下知識(shí)時(shí),大家只需要結(jié)合開發(fā)者工具的編輯器對(duì)照著介紹,一一展開文件夾、用編輯器查看文件的源代碼,大致瀏覽一下即可。這就是實(shí)戰(zhàn)學(xué)習(xí)的方法(和看書、看視頻的學(xué)習(xí)方法不同),千萬不要死記硬背哦,你以后用多了自然就記住啦~
小程序的文件結(jié)構(gòu)
在開發(fā)者工具的編輯器里可以看到小程序源文件的根目錄下有app.js、app.json和app.wxss,這是小程序必不可少的三個(gè)主體文件,下面我們來大致了解一下小程序文件結(jié)構(gòu)(只需要大致了解就可以啦~不理解也沒有關(guān)系)。
app.json:小程序的公共設(shè)置,可以對(duì)小程序進(jìn)行全局配置,決定頁面文件的路徑、窗口表現(xiàn)、設(shè)置多 tab 等;
app.wxss:小程序的公共樣式表,可以配置整個(gè)小程序的文字的字體、顏色、背景,圖片的大小等樣式;
app.js:小程序的邏輯(這個(gè)可以先放著,不用管)
pages文件夾:這里存放著小程序的所有頁面,展開pages文件夾就可以看到有index和logs兩個(gè)頁面文件夾;
小任務(wù):在結(jié)合開發(fā)者工具實(shí)戰(zhàn)了解了上面的知識(shí)之后,你明白了哪個(gè)文件夾是小程序的根目錄嗎?
小程序的頁面組成
在每一個(gè)頁面文件夾里都有四個(gè)文件,這四個(gè)文件的名稱都是一樣的,它們分別為:
json文件,和上面的app.json作用基本相同,只是app.json控制的是整個(gè)小程序的設(shè)置,而頁面的json文件只控制單個(gè)頁面的配置(因?yàn)橛袝r(shí)候全局配置就夠用了,所以頁面配置有時(shí)候是空的);
wxml文件,小程序的頁面結(jié)構(gòu),文字、圖片、音樂、視頻、地圖、輪播等組件都會(huì)放在這里;
wxss文件,小程序的頁面樣式,和app.wxss一樣是控制樣式,而頁面的wxss文件是控制單個(gè)頁面的樣式;
js文件,這個(gè)是控制小程序頁面的邏輯(這個(gè)可以先放著,不用管)
小程序的全局配置
在前面我們已經(jīng)提到,app.json可以對(duì)整個(gè)小程序進(jìn)行全局配置,而配置的依據(jù)就需要我們參考技術(shù)文檔了。
技術(shù)文檔:小程序全局配置
打開上面的小程序全局配置技術(shù)文檔,里面會(huì)有很多你看不懂的名稱,這是非常正常的,大家也不需要記,只需要花兩三分鐘時(shí)間快速瀏覽一下即可,后面我們會(huì)教大家如何結(jié)合技術(shù)文檔來實(shí)戰(zhàn)學(xué)習(xí)。
json語法
在對(duì)小程序進(jìn)行配置之前,可以使用開發(fā)者工具打開app.json文件,對(duì)照著下面的json語法來進(jìn)行理解:
大括號(hào){}保存對(duì)象,我們來看一下app.json,哪些地方用到了大括號(hào){},{}里面就是對(duì)象;
中括號(hào)[]保存數(shù)組,我們可以看到中括號(hào)[]里有
“pages/index/index”等(這是小程序頁面的路徑),那這些頁面路徑就是數(shù)組啦;數(shù)組里的值都是平級(jí)的關(guān)系;
各個(gè)數(shù)據(jù)之間由英文字符逗號(hào),隔開,注意這里的數(shù)據(jù)包括對(duì)象、數(shù)據(jù)、單條屬性與值,大家可以結(jié)合app.json仔細(xì)比對(duì)逗號(hào),出現(xiàn)的位置,平級(jí)數(shù)據(jù)的最后一條數(shù)據(jù)不要加逗號(hào),,也就是只有數(shù)據(jù)之間才有逗號(hào)。
字段名稱(屬性名)與值之間用冒號(hào):隔開,字段名稱在前,字段的取值在后;
字段名稱用雙引號(hào)””給包著;
注意,這里所有的標(biāo)點(diǎn)符號(hào)都需要是英文狀態(tài)下的,也就是我們經(jīng)常聽說的全角半角里的半角狀態(tài),不然會(huì)報(bào)錯(cuò)哦。很多之前沒有接觸過編程的童鞋經(jīng)常會(huì)犯這樣的錯(cuò)誤,一定要多多注意!當(dāng)我們要輸入編程里的標(biāo)點(diǎn)符號(hào)時(shí),一定要先確認(rèn)一下,你的輸入法是漢語形態(tài),還是字母形態(tài),如果輸?shù)氖菨h字形態(tài),一定要切換哦~
設(shè)置小程序窗口表現(xiàn)
使用開發(fā)者工具打開app.json文件,可以看到如下代碼里有一個(gè)window的字段名(如前面所說,字段名要用雙引號(hào)””包著),它的值是一個(gè)對(duì)象(如前面所說,{}大括號(hào)里的就是對(duì)象),可見對(duì)象可以是一組數(shù)據(jù)的集合,這個(gè)集合里包含著幾條數(shù)據(jù)。
??"window": {
????"backgroundTextStyle": "light",
????"navigationBarBackgroundColor": "#fff",
????"navigationBarTitleText": "WeChat",
????"navigationBarTextStyle": "black"
??},
這些就是window配置項(xiàng),可用于設(shè)置小程序的狀態(tài)欄、導(dǎo)航條、標(biāo)題、窗口背景色。
小任務(wù):打開小程序全局配置查看backgroundTextStyle、navigationBarBackgroundColor、navigationBarTitleText、navigationBarTextStyle的配置描述(大致了解即可)。
使用開發(fā)者工具的編輯器將以上屬性的值改成如下代碼(這里的backgroundTextStyle只有在設(shè)置了下拉刷新樣式時(shí)才會(huì)比較明顯,以后會(huì)介紹)
??"window": {
????"backgroundTextStyle": "dark",??
????"navigationBarBackgroundColor": "#1772cb",
????"navigationBarTitleText": "云開發(fā)技術(shù)訓(xùn)練營",
????"navigationBarTextStyle": "white"??
??},
添加完成之后記得保存代碼哦,文件修改沒有保存會(huì)在標(biāo)簽頁有一個(gè)小的綠點(diǎn)。可以使用快捷鍵(同時(shí)按)Ctrl和S來保存(Mac電腦為Command和S)。
然后點(diǎn)擊開發(fā)者工具的編譯圖標(biāo),就能看到更新之后的效果啦,也可以點(diǎn)擊預(yù)覽,使用手機(jī)微信掃描生成的二維碼查看實(shí)際效果。
小任務(wù):?navigationBarBackgroundColor值是?#F8F8F8,?#1772cb,這是十六進(jìn)制顏色值,它是一個(gè)非?;A(chǔ)而且用途范圍極廣的計(jì)算機(jī)概念,大家可以搜索了解一下:1、如何使用電腦版微信、QQ的截圖工具取色(取色顏色會(huì)有一點(diǎn)偏差);2、RGB顏色與十六進(jìn)制顏色如何轉(zhuǎn)換;
新建小程序頁面
新建頁面的方法有兩種,一種是使用開發(fā)者工具在pages文件夾下新建;還有一種是通過app.json的pages配置項(xiàng)來新建,我們先來看第2種方法。
通過app.json新建頁面
pages配置項(xiàng)是設(shè)置頁面的路徑,也就是我們在小程序里寫的每一個(gè)頁面都需要填寫在這里。使用開發(fā)者工具打開app.json文件,在pages配置項(xiàng)里新建一個(gè)home頁面(頁面名稱可以是任意英文名),代碼如下:
"pages/home/home",
"pages/index/index",
"pages/logs/logs"
大家寫的時(shí)候可以回顧一下json語法,每個(gè)頁面后都記得要用逗號(hào),隔開,如果你的文件代碼寫錯(cuò)了,開發(fā)者工具會(huì)報(bào)錯(cuò)。
在模擬器就能看到我們新建的這個(gè)首頁了,會(huì)顯示如下內(nèi)容:
1pages/home/home.wxml
大家再來看看小程序的文件夾結(jié)構(gòu),是不是在pages文件夾下面多了一個(gè)home的文件夾?而且這個(gè)文件夾還自動(dòng)新建了四個(gè)頁面文件。
我們刪掉文件目錄下的index和logs文件夾,然后把a(bǔ)pp.json的pages配置項(xiàng)修改為:
"pages": [
??"pages/home/home",
??"pages/list/list",
??"pages/partner/partner",
??"pages/more/more"
],
也就是我們刪掉了index和logs頁面配置項(xiàng)的同時(shí),又新增了三個(gè)頁面(list、partner、more,這三個(gè)頁面名稱大家可以根據(jù)自己需要來命名)。
小任務(wù):這些新建的頁面文件都在電腦上的什么呢?比如在開發(fā)者工具右鍵點(diǎn)擊home文件夾或者h(yuǎn)ome.wxml,選擇“在硬盤打開”就可以看到該文件在我們電腦的文件夾里什么的位置啦
小程序的首頁
在pages配置項(xiàng)的技術(shù)文檔里有這樣一句:“數(shù)組的第一項(xiàng)代表小程序的初始頁面”,是什么意思呢?
技術(shù)文檔:pages配置項(xiàng)
使用開發(fā)者工具打開app.json,把之前建好的”pages/list/list”剪切粘貼到”pages/home/home”的前面,也就是把list頁面放到了數(shù)組的第一項(xiàng),再來模擬器里看一下小程序的變化。原來pages配置項(xiàng)的第一項(xiàng)就是小程序的首頁啦。
小任務(wù):現(xiàn)在我們來使用新建頁面的第1種方法,使用開發(fā)者工具在pages文件夾下新建頁面。首先選中pages文件夾,然后點(diǎn)擊上方的+號(hào)或鼠標(biāo)右鍵,新建目錄,然后輸入目錄名為post,然后再選中post文件夾,新建頁面,頁面名也為post,新建之后看看pages配置項(xiàng)的變化。
了解配置項(xiàng)的書寫方式
在前面我們已經(jīng)了解了window配置項(xiàng)、pages配置項(xiàng),在技術(shù)文檔小程序全局配置了解到window、pages這些都是全局配置項(xiàng)的屬性,全局配置項(xiàng)的屬性還有tabBar、networkTimeout、usingComponents、permission等,大家可以在技術(shù)文檔里了解每個(gè)屬性的描述,大致了解他們的功能。
這里我們來宏觀了解一下配置項(xiàng)的書寫語法,大家可以結(jié)合下面這段代碼來理解app.json的寫法,免得配置錯(cuò)誤:
每個(gè)配置項(xiàng)比如pages、window都用引號(hào)””包住,冒號(hào):后面是配置項(xiàng)的屬性與值;
每個(gè)配置項(xiàng)之間用逗號(hào),隔開,最后一項(xiàng)沒有逗號(hào),配置項(xiàng)是平級(jí)關(guān)系,不要把tabBar配置項(xiàng)寫到window配置項(xiàng)里面了;
配置項(xiàng)里面的數(shù)組或?qū)ο蟮淖詈笠豁?xiàng)也沒有逗號(hào)
書寫時(shí)注意縮進(jìn),大括號(hào){}、中括號(hào)[]都是成對(duì)書寫,即使是嵌套時(shí)也不能有遺漏}或];
{
??"pages": [
????"pages/home/home",
????"pages/list/list",
????"pages/partner/partner",
????"pages/more/more"
??],
??"window": {
????"navigationBarTitleText": "云開發(fā)技術(shù)訓(xùn)練營"
??},
??"tabBar": {
????"list": [{
????????"pagePath": "pages/home/home",
????????"text": "首頁"
??????},
??????{
????????"pagePath": "pages/list/list",
????????"text": "活動(dòng)"
??????},
??????{
????????"pagePath": "pages/partner/partner",
????????"text": "伙伴"
??????},
??????{
????????"pagePath": "pages/more/more",
????????"text": "更多"
??????}]
??},
??"networkTimeout": {
????"request": 10000,
????"downloadFile": 10000
??},
??"debug": true,
??"navigateToMiniProgramAppIdList": [
????"wxe5f52902cf4de896"
??]
}
配置tabBar配置項(xiàng)
在很多App的底部都有一個(gè)帶有小圖標(biāo)的切換tab,比如手機(jī)微信App底部就有微信、通訊錄、發(fā)現(xiàn)、我四個(gè)tab,這個(gè)小圖標(biāo)就是icon,整個(gè)呢就是tabBar,小程序也可以有,需要我們在app.json里配置tabBar配置項(xiàng)。
icon下載
在官方技術(shù)文檔里我們了解到icon 大小限制為40kb,建議尺寸為81px * 81px(大一點(diǎn)是可以的),不懂設(shè)計(jì)icon的童鞋可以去矢量圖標(biāo)庫去下載。(注意下載的格式要是png哦)
icon資源:iconfont阿里巴巴矢量圖標(biāo)庫
大家可以留意下手機(jī)微信的tabBar的每一個(gè)icon其實(shí)是一組兩個(gè),也就是選中時(shí)的狀態(tài)和沒有選中時(shí)的狀態(tài),他們的顏色也是不一樣的,而在iconfont里大家除了選擇圖標(biāo)還可以選擇不同的顏色來下載哦。比如我們要讓tabBar有四個(gè)切換tab,那么我們就需要下載4個(gè)icon的兩種配色共8張圖片。
使用開發(fā)者工具在模板小程序的根目錄下新建一個(gè)image的文件夾,把命名好的icon都放在里面,這個(gè)時(shí)候你的文件夾結(jié)構(gòu)如下:
小程序的根目錄????????
├── image??
│?? ├── icon-tab1.png
│?? ├── icon-tab1-active.png
├── pages
├── utils
├── app.js
├── app.json
├── app.wxss
├── project.config.json
├── sitemap.json
icon的配色最好是一明一暗,而且與你的小程序的整體顏色風(fēng)格保持一致,這樣切換起來才不會(huì)突兀;選擇的這4個(gè)icon的風(fēng)格最好一致,不然tabBar就不會(huì)好看啦。icon的名稱最好也一致,比如home對(duì)應(yīng)的icon可以為home.icon和home-active.icon。
注意:圖片的名稱必須是英文,不要用中文。頁面也好、文件也好、文件夾的名稱也好,都要使用英文,里面的標(biāo)點(diǎn)符號(hào)也必須是英文字符。
配置tabBar配置項(xiàng)
通過tabBar配置項(xiàng),可以設(shè)置tabBar的默認(rèn)字體顏色、選中過的字體顏色、背景色等。
技術(shù)文檔:tabBar配置項(xiàng)
通過技術(shù)文檔,我們先大致了解color、selectedColor、backgroundColor的意思。然后使用開發(fā)者工具打開app.json在window配置項(xiàng)后面新建一個(gè)tabBar配置項(xiàng),代碼如下:
"tabBar": {
????"color": "#7A7E83",
????"selectedColor": "#13227a",
????"backgroundColor": "#ffffff",
????"list": [
??????{
????????"pagePath": "pages/home/home",
????????"iconPath": "image/icon-tab1.png",
????????"selectedIconPath": "image/icon-tab1-active.png",
????????"text": "首頁"
??????},
??????{
????????"pagePath": "pages/list/list",
????????"iconPath": "image/icon-tab2.png",
????????"selectedIconPath": "image/icon-tab2-active.png",
????????"text": "活動(dòng)"
??????},
??????{
????????"pagePath": "pages/partner/partner",
????????"iconPath": "image/icon-tab3.png",
????????"selectedIconPath": "image/icon-tab3-active.png",
????????"text": "伙伴"
??????},
??????{
????????"pagePath": "pages/more/more",
????????"iconPath": "image/icon-tab4.png",
????????"selectedIconPath": "image/icon-tab4-active.png",
????????"text": "更多"
??????}
????]
??}
這里有一個(gè)比較重要的屬性就是list,它是一個(gè)數(shù)組,決定了tabBar上面的文字、icon、以及點(diǎn)擊之后的跳轉(zhuǎn)鏈接。
pagePath必須為我們在pages配置項(xiàng)里建好的頁面
text是tab按鈕上的文字
iconPath、selectedIconPath分別為沒有選中時(shí)的圖片路徑和選中時(shí)的圖片路徑。
小任務(wù):你知道應(yīng)該如何制作一個(gè)底部沒有tabBar的小程序嗎?要讓tabBar沒有icon,應(yīng)該如何配置?給tabBar添加一個(gè)position屬性,值為top,小程序在界面上會(huì)有什么變化?再給小程序新增幾個(gè)頁面(不添加到tabBar上),我們應(yīng)該如何在模擬器看到頁面的內(nèi)容?
小程序的頁面配置
使用打開一個(gè)頁面的頁面json文件,比如home的home.json,在json里面新建一些配置信息,如下所示。
技術(shù)文檔:小程序頁面配置
{
??"usingComponents": {},
??"navigationBarBackgroundColor": "#ce5a4c",
??"navigationBarTextStyle": "white",
??"navigationBarTitleText": "小程序頁面",
??"backgroundColor": "#eeeeee",
??"backgroundTextStyle": "light"
}
配置的屬性與值的含義我們可以結(jié)合實(shí)際的效果以及技術(shù)文檔來了解。
【嵌??偨Y(jié)】:以上就是微信小程序開發(fā)的一些入門基礎(chǔ)知識(shí),一起來學(xué)習(xí)吧!