首頁小程序開發(fā) 正文

qq小程序開發(fā)工具下載（小程序開發(fā)教程）

小程序開發(fā) 2022-12-12T08:02:13 3011

本篇文章給大家談?wù)剄q小程序開發(fā)工具下載，以及小程序開發(fā)教程對(duì)應(yīng)的知識(shí)點(diǎn)，希望對(duì)各位有所幫助，不要忘了收藏本站喔。哪里有微信小程序開發(fā)教程？求助第一步：下載微信小程序開發(fā)者工具并安裝，下載路徑：進(jìn)到下載界面后，根據(jù)自己的操作系統(tǒng)選擇相應(yīng)的鏈接進(jìn)行下載，下載完成后進(jìn)行安裝。第二步：登錄工具開發(fā)者工具安裝完成后我們就可以將其打開，初次打開會(huì)需要用微信掃碼登錄，用手機(jī)微信掃一掃后確認(rèn)登錄就可以了。

本篇文章給大家談?wù)剄q小程序開發(fā)工具下載，以及小程序開發(fā)教程對(duì)應(yīng)的知識(shí)點(diǎn)，希望對(duì)各位有所幫助，不要忘了收藏本站喔。

哪里有微信小程序開發(fā)教程？求助

第一步：下載微信小程序開發(fā)者工具并安裝，下載路徑：

進(jìn)到下載界面后，根據(jù)自己的操作系統(tǒng)選擇相應(yīng)的鏈接進(jìn)行下載，下載完成后進(jìn)行安裝。

第二步：登錄工具

開發(fā)者工具安裝完成后我們就可以將其打開，初次打開會(huì)需要用微信掃碼登錄，用手機(jī)微信掃一掃后確認(rèn)登錄就可以了。

第三步：創(chuàng)建一個(gè)項(xiàng)目

登錄成功后，如果是第一次使用該工具會(huì)彈出創(chuàng)建項(xiàng)目的窗口，

在創(chuàng)建過程中，如果選擇的本地文件夾是個(gè)空文件夾會(huì)出來一個(gè)勾選項(xiàng)“在當(dāng)前目錄中創(chuàng)建quick start項(xiàng)目”，為方便初學(xué)者了解微信小程序的基本代碼結(jié)構(gòu)，請(qǐng)勾選此項(xiàng)，勾選后，開發(fā)者工具會(huì)幫助我們?cè)陂_發(fā)目錄里生成一個(gè)簡(jiǎn)單的 demo，

第四步：項(xiàng)目代碼結(jié)構(gòu)解釋

點(diǎn)擊開發(fā)者工具左側(cè)導(dǎo)航的“編輯”，我們可以看到這個(gè)項(xiàng)目，已經(jīng)初始化并包含了一些簡(jiǎn)單的代碼文件。最關(guān)鍵也是必不可少的，是 app.js、app.json、app.wxss 這三個(gè)。其中，.js后綴的是腳本文件，.json后綴的文件是配置文件，.wxss后綴的是樣式表文件。微信小程序會(huì)讀取這些文件，并生成小程序?qū)嵗?/p>

平板的QQ小程序在哪？

作者 | 王安

責(zé)編 | 唐小引

封圖 | CSDN 付費(fèi)下載自東方 IC

出品 | CSDN（ID：CSDNnews）

2016 年 9 月，微信小程序邀請(qǐng) 200 位開發(fā)者內(nèi)測(cè)，有中國特色的移動(dòng)互聯(lián)網(wǎng)大幕徐徐拉開，小程序時(shí)代洶涌而來。

阿里、百度、頭條、手機(jī)廠商陸續(xù)跟進(jìn)，而在 2019 年 6 月，QQ 小程序也終于到來。

QQ，可不是普通的超級(jí) App，它是有 7 億手機(jī)端月活的、中國第二大 App。

并且 QQ 掌握了中國最大的年輕人社交流量，這讓人忍不住想一探究竟。

我們關(guān)心 QQ 小程序，最關(guān)心的一是入口，即流量層面、二是開發(fā)，即技術(shù)層面。

我們先來看流量層面

大多數(shù)開發(fā)者看待一個(gè)平臺(tái)，第一個(gè)問題就是：有沒有量？有沒有留存？

先提供個(gè)調(diào)研數(shù)據(jù)，筆者采訪了幾個(gè)已經(jīng)上線 QQ 小程序的開發(fā)者，對(duì)這個(gè)平臺(tái)普遍持正面評(píng)價(jià)。一個(gè)健康類小程序，并非推薦榜單前 10，仍然取得每天新增 5 萬用戶的好成績(jī)，留存和微信小程序也差不多。當(dāng)然也有開發(fā)者表示剛剛上線還沒什么流量。

然后我們?cè)賮矸治鱿?QQ 小程序當(dāng)前的入口形式，目前 QQ 小程序僅 Android 版支持，主要入口包括首頁下拉、右上角菜單、動(dòng)態(tài)選項(xiàng)卡、聊天、QQ 空間、搜索、小程序中心、QQ 錢包。

首頁下拉、右上角菜單、動(dòng)態(tài)選項(xiàng)卡

與微信相比，比較大的入口方面差別如下：

少了 2 個(gè)入口：

QQ 不支持掃碼，也就是線下小程序與 QQ 無緣。想想也是，論掃碼的教育，人們首先想到的都是微信和支付寶，面對(duì)一個(gè)碼，很難想起來啟動(dòng) QQ 去掃碼。

QQ 搜索小程序只能搜名字，還不支持內(nèi)容搜索。比如搜索“復(fù)仇者聯(lián)盟 4”，在微信里可以直接搜索到小程序內(nèi)部的內(nèi)容，點(diǎn)擊后啟動(dòng)小程序。而 QQ 還沒有對(duì)接這套搜索引擎過來。同樣，QQ 排低搜索內(nèi)容的優(yōu)先級(jí)，和過去的用戶習(xí)慣教育有關(guān)。并沒有很多人習(xí)慣在 QQ 里搜索“復(fù)仇者聯(lián)盟 4”這類內(nèi)容。

搜索

從掃碼和搜索的差別來看，不得不佩服微信。這個(gè)國民應(yīng)用遠(yuǎn)不止是聊天工具，它成功地教育了用戶掃碼、支付、搜索的習(xí)慣，QQ 雖然是中國第二大超級(jí) App，但用戶習(xí)慣教育方面的段位，確實(shí)比微信差不少。

多了 2 個(gè)入口：

QQ 多了一個(gè) QQ 空間分享。QQ 空間類似于朋友圈，是好友動(dòng)態(tài)的一個(gè)信息流。很多年輕人并不把自己的動(dòng)態(tài)發(fā)到朋友圈，而是只發(fā)到 QQ 空間，和他的年輕朋友們互動(dòng)。微信朋友圈一直沒打開小程序入口，這次 QQ 倒是比較開放，拿出了這個(gè)重要的流量。

小程序中心。這是一個(gè)中心化的小程序推薦入口。提供了排行榜機(jī)制，幫助用戶了解熱門的小程序或小游戲。

QQ 空間、小程序中心

分析這 2 個(gè)多了的入口，對(duì)比可以看出，微信的理念很獨(dú)特，去中心化模式發(fā)展生態(tài)、保持克制，限制開發(fā)者營銷而避免打擾用戶。這種產(chǎn)品理念，全中國可能也只有微信能堅(jiān)持，同為騰訊旗下的 QQ 并不敢這么玩。

我們?cè)儆^察下小程序中心里推薦的熱門小程序，會(huì)發(fā)現(xiàn)：

QQ 非常重視小游戲，這本身也符合 QQ 的產(chǎn)品調(diào)性；

娛樂化、社交化工具很受歡迎。斗圖、換有趣的頭像、P 圖、火星文，很多年輕人通過這些工具，在社交中樹立自己的個(gè)性形象；

應(yīng)用內(nèi)廣告很普遍。點(diǎn)開幾個(gè)推薦的小程序，會(huì)發(fā)現(xiàn)應(yīng)用內(nèi)廣告較多。微信對(duì)小程序的商業(yè)化追求不明顯，很大程度是因?yàn)槲⑿庞兄Ц?，小程序幫助微信支付做大?shù)倍體量。但 QQ 沒有這個(gè)抓手，線下商戶服務(wù)也收不進(jìn)來，所以除了重視游戲，也很重視應(yīng)用內(nèi)廣告。

分析了入口特點(diǎn)，和小程序中心里推薦的小程序，可以看出 QQ 團(tuán)隊(duì)看待小程序的思路：

努力在給開發(fā)者提供流量；

很重視商業(yè)化。

那么對(duì)于開發(fā)者而言，如果你的業(yè)務(wù)希望在年輕人里沖一波，有必要考慮下 QQ 小程序。

值得深度運(yùn)營的入口，一個(gè)是小程序中心的推薦位，一個(gè)是社交。

把業(yè)務(wù)包裝的好玩點(diǎn)、拼團(tuán)模式也搬到 QQ 中來，有機(jī)會(huì)在年輕人的群里或 QQ 空間里引爆。

分析了流量層面，我們?cè)賮砜纯醇夹g(shù)層面。

技術(shù)層面

QQ 小程序的 API 與微信是一模一樣的，JS API 前綴也仍然是 wx.xxx。

從實(shí)現(xiàn)來看，是微信小程序的子集，或者說早期版本，再過段時(shí)間，應(yīng)該能接近追起微信的水平。

與微信小程序相比，比較重要的缺失包括：

掃碼、iBeacon、NFC、Wi-Fi、發(fā)票抬頭等線下常用的場(chǎng)景涉及的 API，基本都沒有；

還有一些不是場(chǎng)景問題，只是優(yōu)先級(jí)問題，目前精力有限，先放棄了，以后應(yīng)該會(huì)慢慢補(bǔ)上，比如直播、截屏事件、Socket、模板消息、用戶反饋；

視頻組件很弱；

小程序插件、云開發(fā)是不支持的。小程序插件這個(gè)可能短期內(nèi)也不會(huì)被支持，云開發(fā)按照騰訊推廣云的力度，應(yīng)該后續(xù)會(huì)補(bǔ)充上的。

QQ 與微信的 API 及實(shí)現(xiàn)細(xì)節(jié)差了這么多，可以看出這兩個(gè)平臺(tái)仍然存在兼容問題，畢竟是不同團(tuán)隊(duì)的作品。

一個(gè)公司多個(gè)超級(jí) App 都內(nèi)嵌小程序引擎其實(shí)很常見，百度、頭條，都是有一個(gè)專門的部門負(fù)責(zé)小程序引擎輸出，比如今日頭條和抖音，使用的小程序引擎是一樣的，也不會(huì)有 2 套開發(fā)者工具。

阿里曾一度混亂，現(xiàn)在也逐漸理順，支付寶、高德地圖也復(fù)用相同的引擎和相同的開發(fā)工具。

但微信和 QQ 沒有這種引擎和工具復(fù)用的機(jī)制，也沒有一個(gè)獨(dú)立的引擎部門。開發(fā)者需要注冊(cè)不同的賬戶、下載不同的開發(fā)工具、編寫不同的代碼、發(fā)布到不同的平臺(tái)審核。

對(duì)開發(fā)者而言，這就意味著多一套維護(hù)成本，開發(fā)、升級(jí)、測(cè)試、運(yùn)營，都需要投入新的精力。

開發(fā)者可以用微信版小程序，先改出一個(gè)版本提交到 QQ。

但是后續(xù)升級(jí)維護(hù)呢？2 套代碼各自更新升級(jí)？

都是搞技術(shù)的，這么傻的事情可做不出來。那對(duì)于開發(fā)者，是否能一套代碼多端發(fā)布？每個(gè)平臺(tái)的特色代碼和公用部分的更新都能取得良好的平衡？

有需求自然有解決方案，業(yè)內(nèi)已經(jīng)有不少成熟的多端開發(fā)框架了，也及時(shí)的支持了 QQ 小程序，比如基于 Vue 的 uni-app（cli 版）、基于 React 的 Taro 等，具體可以去搜下評(píng)測(cè)。

很多開發(fā)者對(duì)多端框架有個(gè)顧慮，無法支持不同平臺(tái)的特色功能和運(yùn)營服務(wù)，這里還是多說兩句，其實(shí)并不存在這個(gè)問題，像 uni-app 的條件編譯擴(kuò)展的已經(jīng)非常靈活了。

結(jié)語

經(jīng)過將近 2 年的發(fā)展，小程序已經(jīng)成為超級(jí) App 的必備，是他們構(gòu)建生態(tài)的重要武器。

生態(tài)之爭(zhēng)，高于產(chǎn)品之爭(zhēng)，生態(tài)的粘性、商業(yè)價(jià)值，也遠(yuǎn)大于普通產(chǎn)品。

很高興中國的互聯(lián)網(wǎng)巨頭們，已經(jīng)晉級(jí)到這個(gè)段位的賽事。

盤點(diǎn)下已經(jīng)支持小程序的超級(jí) App：微信、企業(yè)微信、QQ、支付寶、高德地圖、手機(jī)淘寶、百度、百度貼吧、百度地圖、今日頭條、抖音……

都是璀璨耀眼的名字，每個(gè)名字背后都是巨大的流量。

這對(duì)開發(fā)者來說，是機(jī)會(huì)，也是挑戰(zhàn)。

但不管是什么，中國的開發(fā)者們，已經(jīng)不可逆轉(zhuǎn)地走入了一個(gè)新時(shí)代：小程序時(shí)代。

這是全球都不曾有的中國特色，這是中國的技術(shù)標(biāo)準(zhǔn)，并且很明顯，在功能和體驗(yàn)上超過了 HTML5。

這是一場(chǎng)值得歌頌的中國技術(shù)生態(tài)發(fā)展史，后續(xù)會(huì)專門寫一篇文章來紀(jì)念，敬請(qǐng)關(guān)注。

作者簡(jiǎn)介：王安，DCloud 公司創(chuàng)始人，HTML5 中國產(chǎn)業(yè)聯(lián)盟秘書長。2003 年開始從事移動(dòng)互聯(lián)網(wǎng)工作，十幾年編程和商業(yè)經(jīng)驗(yàn)，連續(xù)創(chuàng)業(yè)者。

【END】

熱文?推薦

為什么說 5G 是物聯(lián)網(wǎng)的時(shí)代？

互聯(lián)網(wǎng)公司沒有中年人

教你用OpenCV實(shí)現(xiàn)機(jī)器學(xué)習(xí)最簡(jiǎn)單的k-NN算法

Docker 存儲(chǔ)選型，這些年我們遇到的坑

荔枝自由？朋友，你實(shí)現(xiàn)了嗎？

開源要自立？華為如何“復(fù)制”Google模式

從制造業(yè)轉(zhuǎn)型物聯(lián)網(wǎng)，看博世如何破界

回報(bào)率850%? 這個(gè)用Python優(yōu)化的比特幣交易機(jī)器人簡(jiǎn)直太燒腦了...

老碼農(nóng)冒死揭開編程黑幕：這些Bug讓我認(rèn)輸，誰踩誰服！

你點(diǎn)的每個(gè)“在看”，我都認(rèn)真當(dāng)成了喜歡

微信小程序開發(fā)工具怎么用小程序開發(fā)工具使用方法

1、首先要下載微信官方的微信Web開發(fā)者工具。打開微信公眾平臺(tái)（mp.weixin.qq.com），找到右下方的小程序模塊，點(diǎn)擊「開發(fā)」按鈕；

2、點(diǎn)擊頂部導(dǎo)航欄的「工具」按鈕，在新頁面的左側(cè)欄中找到「下載」?？梢钥吹?，開發(fā)工具提供 Windows 32 位、Windows 64 位和 Mac 三個(gè)版本。可根據(jù)實(shí)際情況，選擇適合自己電腦的開發(fā)工具。

3、安裝后，就可以直接啟動(dòng)開發(fā)者工具。如果是首次啟動(dòng)開發(fā)者工具，需要使用開發(fā)者的微信號(hào)掃碼登錄。登陸后，點(diǎn)擊「添加項(xiàng)目」按鈕，填寫 AppID（如果沒有，則點(diǎn)擊無 AppID）和項(xiàng)目名稱。接著，在項(xiàng)目目錄中點(diǎn)擊「選擇」，新建一個(gè)文件夾作為新的項(xiàng)目目錄。然后再次點(diǎn)擊「添加項(xiàng)目」，就可以新建出一個(gè)微信小程序項(xiàng)目了。

4、微信開發(fā)者工具共分成「編輯」、「調(diào)試」和「項(xiàng)目」三個(gè)部分。

編輯：編輯和修改小程序的代碼。

調(diào)試：顯示小程序代碼錯(cuò)誤和警告，便于調(diào)試代碼錯(cuò)誤。

項(xiàng)目：用于查看小程序的屬性、修改小程序配置，以及提交小程序代碼至微信服務(wù)器。

5、懂技術(shù)的程序員到這一步就可以自己開發(fā)了。而不懂編程的小白，可以登錄微信小程序制作平臺(tái)「即速應(yīng)用」官方網(wǎng)站進(jìn)行小程序的制作。里面有大量的小程序模板，根據(jù)自己的需求選擇一個(gè)模板進(jìn)行制作即可。

開發(fā)工具還提供簡(jiǎn)單的模擬器（頁面左側(cè)），開發(fā)者可以使用模擬器在電腦上模擬用戶點(diǎn)擊及使用，提供后臺(tái)情況模擬、多媒體播放器調(diào)試、緩存數(shù)據(jù)處理等功能

6、制作完成后，點(diǎn)擊「生成」按鈕。然后選擇「小程序打包」，下載小程序的標(biāo)準(zhǔn)代碼包。

7、回到在微信Web開發(fā)工具中，在「項(xiàng)目目錄」這一欄選擇下載好的代碼包，打開后就可以看到小程序的預(yù)覽效果了。

8、在「項(xiàng)目」頁面中，開發(fā)者可以查看小程序的基本屬性，也可以進(jìn)行真機(jī)預(yù)覽調(diào)試，或向微信服務(wù)器提交一個(gè)新版本的小程序代碼。服務(wù)器收到代碼后，管理員就可以通過公眾平臺(tái)，將新版本提交審核了。

qq小程序的游戲怎么破解

下載解壓雙擊exe程序進(jìn)入安裝界面

下載解壓雙擊exe程序進(jìn)入安裝界面，默認(rèn)安裝地址C:ProgramFiles(x86)TencentQQ小程序開發(fā)者工具，點(diǎn)擊next繼續(xù)

繼續(xù)點(diǎn)擊next，然后選擇install開始安裝

稍等一下，安裝技術(shù)后點(diǎn)擊finish關(guān)閉即可

再次運(yùn)行，進(jìn)入QQ小程序開發(fā)者工具登錄界面，支持手機(jī)qq掃碼登錄使用，如果用戶的QQ帳號(hào)無開發(fā)者權(quán)限，請(qǐng)聯(lián)系輕應(yīng)用管理員為你設(shè)置開發(fā)權(quán)限后方可掃碼登錄!

微信小程序（上）

注冊(cè)開發(fā)者賬號(hào)：

安裝小程序開發(fā)工具：

創(chuàng)建項(xiàng)目

pages目錄：用于存放所有的頁面。

utils目錄：用于存放工具類文件。

app.js：是入口文件，程序在運(yùn)行時(shí)，首先要執(zhí)行該文件。

app.json：是全局配置文件，用于配置小程序的信息（它里面配置的是全局信息）。

app.wxss：是全局樣式文件。全局樣式文件里面定義的選擇器，在所有的頁面中生效。

project.config.json：是項(xiàng)目配置文件。

sitemap.json：是SEO配置文件，方便用戶搜索到該小程序。

（1）pages配置項(xiàng)

pages里面注冊(cè)的是視圖。用于指定小程序由哪些頁面組成，每一項(xiàng)都對(duì)應(yīng)一個(gè)頁面的路徑（含文件名）信息

（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。

（3）style

style 設(shè)置樣式級(jí)別，默認(rèn)是v2。

（4）sitemapLocation

sitemapLocation 指明sitemap.json 的位置；默認(rèn)為 'sitemap.json' 即在 app.json 同級(jí)目錄下名字的 sitemap.json 文件。

每一個(gè)頁面由四個(gè)文件組成：xxx.wxml文件、xxx.wxss文件、 xxx.js文件和xxx.json文件。

（1）xxx.wxml文件

xxx.wxml文件，就相當(dāng)于一個(gè)html文件。在wxml文件中，不能寫傳統(tǒng)的html標(biāo)簽，只能寫微信提供的組件。

① view組件

相當(dāng)于div標(biāo)簽。

② text組件

相當(dāng)于span標(biāo)簽。

③ swiper

swiper是滑塊視圖容器，它里面只能放swiper-item組件。

swiper組件的常用屬性：

circular是銜接滑動(dòng)

autoplay是自動(dòng)切換

interval是自動(dòng)切換時(shí)間間隔

indicator-dots是否顯示面板指示點(diǎn)

indicator-color指示點(diǎn)顏色

indicator-active-color當(dāng)前選中的指示點(diǎn)顏色

④ image

image是圖片組件，最好全部采用網(wǎng)絡(luò)圖片，因?yàn)樾〕绦虻目傮w積不允許超過2MB。

（2）xxx.wxss文件

xxx.wxss文件，就相當(dāng)于一個(gè)css文件。在wxss文件中，最好不要寫標(biāo)簽選擇器和id選擇器，統(tǒng)一寫類選擇器。

為了讓小程序里面的內(nèi)容在各種設(shè)備上能夠自適應(yīng)顯示，微信推出了響應(yīng)式單位：rpx。在iphone6中，2rpx=1px。

（3）xxx.js文件

xxx.js文件，是交互文件（核心文件）。

Page()函數(shù)，返回頁面對(duì)象，該函數(shù)需要傳一個(gè)配置參數(shù)，這個(gè)配置參數(shù)是一個(gè)對(duì)象。在這個(gè)配置對(duì)象中，定義當(dāng)前頁面的所有內(nèi)容。

① data

定義頁面的數(shù)據(jù)。

② 自定義函數(shù)

開發(fā)者可以添加任意的函數(shù)或數(shù)據(jù)到Object 參數(shù)中，在頁面的函數(shù)中用this可以訪問。

（4）xxx.json文件

xxx.json文件，是頁面的配置文件（它里面配置的是當(dāng)前頁面信息）。

WXML 中的動(dòng)態(tài)數(shù)據(jù)均來自對(duì)應(yīng) Page 的 data。

（1）獲取data中數(shù)據(jù)

通過插值表達(dá)式{{}}，可以顯示js里面定義的data里面的數(shù)據(jù)。

（2）組件屬性(需要在雙引號(hào)之內(nèi))

（3）運(yùn)算

可以在{{}} 內(nèi)進(jìn)行簡(jiǎn)單的運(yùn)算。

① 三元運(yùn)算

② 邏輯判斷

bindtap是觸屏事件，其實(shí)就是相當(dāng)于網(wǎng)頁中的點(diǎn)擊事件。

小程序中bindtap綁定方法時(shí)不能傳參數(shù)。所以組件通過data-xxx傳遞數(shù)據(jù)。

注意：自定義屬性的命名用駝峰或者大寫命名，小程序內(nèi)部會(huì)自動(dòng)轉(zhuǎn)成小寫。

8、setData()方法

setData()方法，更新頁面中數(shù)據(jù)。頁面數(shù)據(jù)更新后，調(diào)用setData()方法重新渲染到頁面。

wx:for指令用于循環(huán)數(shù)組數(shù)據(jù)，生成組件。

循環(huán)出來的每一項(xiàng)通過item返回，每一項(xiàng)對(duì)應(yīng)的索引，通過index返回。

wx:key=""，設(shè)置每一項(xiàng)唯一的標(biāo)識(shí)。循環(huán)列表時(shí)，添加wx:key的好處是，將來列表發(fā)生變化時(shí)重新渲染列表的損耗為更低。

條件渲染可以使用wx:if或hidden。

一般來說，wx:if 有更高的切換消耗而 hidden 有更高的初始渲染消耗。因此，如果需要頻繁切換的情景下，用 hidden 更好，如果在運(yùn)行時(shí)條件不大可能改變則 wx:if 較好。

wx:if用于條件渲染：條件為真生成里面的內(nèi)容，條件為假不會(huì)生成里面的內(nèi)容。（每次重新生成內(nèi)容）

也可以用wx:elif 和 wx:else 來添加一個(gè) else 塊。

hidden用于條件渲染：條件為真隱藏里面的內(nèi)容，條件為假顯示里面的內(nèi)容。（每次切換樣式）

在app.json文件中添加tabBar節(jié)點(diǎn)。tabBar是小程序客戶端底部或頂部tab欄的實(shí)現(xiàn)。

color：tab上的文字默認(rèn)顏色，僅支持十六進(jìn)制顏色。

selectedColor：tab上的文字選中時(shí)的顏色，僅支持十六進(jìn)制顏色。

backgroundColor：tab的背景色，僅支持十六進(jìn)制顏色。

borderStyle：tabbar上邊框的顏色，僅支持 black / white。

position：tabBar的位置，默認(rèn)值是: bottom，僅支持 bottom / top。當(dāng) position 為 top 時(shí)，不顯示 icon。

custom：自定義tabBar。

（2）list

list：tab的列表。

list 接受一個(gè)數(shù)組，只能配置最少 2 個(gè)、最多 5 個(gè) tab。

pagePath：頁面路徑，必須在pages 中先定義。

text：tab 上按鈕文字。

iconPath：圖片路徑，icon 大小限制為 40kb，建議尺寸為 81px * 81px，不支持網(wǎng)絡(luò)圖片。selectedIconPath：選中時(shí)的圖片路徑，icon 大小限制為 40kb，建議尺寸為 81px * 81px，不支持網(wǎng)絡(luò)圖片。

（1）跳轉(zhuǎn)普通頁面

方法① navigator組件

方法② navigateTo()方法

navigateTo()方法，用于跳轉(zhuǎn)普通頁面。

（2）跳轉(zhuǎn)tabBar頁面

方法① navigator組件

如果要使用navigator組件跳轉(zhuǎn)tabBar頁面，需要設(shè)置open-type="switchTab"。

方法② switchTab()方法

switchTab()方法，用于跳轉(zhuǎn)tabBar頁面。

title：提示的標(biāo)題

content：提示的內(nèi)容

success：接口調(diào)用成功的回調(diào)函數(shù)?；卣{(diào)函數(shù)中的confirm屬性返回true，表示點(diǎn)擊的是確定按鈕，否則是取消按鈕。