微信小程式把玩(三)tabBar底部導航
tabBar相對而言用的還是比較多的，但是用起來並沒有難，在app.json中配置下tabBar即可，注意tabBar至少需要兩個最多五個Item選項
主要屬性：
對於tabBar整體屬性設定：
對於tabBar中每個Item屬性設定：
下面是官網一張圖對tabBar描述：
app.json的配置相對就簡單了：
相關推薦
微信小程式把玩(三)tabBar底部導航
tabBar相對而言用的還是比較多的，但是用起來並沒有難，在app.json中配置下tabBar即可，注意tabBar至少需要兩個最多五個Item選項 主要屬性： 對於tabBar整體屬性設
微信小程式使用程式碼切換底部導航
先上程式碼： wx.switchTab({ url: "/pages/block/block", }) 注意： 1.該方法的引數url只能賦在app.json中配置的tabBar下list中配置過的url： 2.switchTab不支援queryString，也就是
微信小程式四（設定底部導航）
好了 小程式的頭部標題 設定好了，我們來說說底部導航欄是如何實現的。 我們先來看個效果圖 這裡，我們添加了三個導航圖示，因為我們有三個頁面，微信小程式最多能加5個。 那他們是怎麼出現怎麼著色的呢？兩步就搞定！ 1. 圖標準備 我們進入該網站，滑鼠滑到一個喜歡的圖示上面
微信小程式開發--註冊與底部導航欄tab
1、註冊 小程式的開發已經快進入尾聲了，我也沒那麼多事了，現在給大家分享一下開發小程式的過程。入職後公司的第一個小程式前端開發交給了我。雖然老大說不著急，但是要一個人負責小程式而且我也沒學過，心裡還是沒底的。不過沒辦法，拿人錢財替人消災只能硬著頭皮寫。 之後抓緊
新增微信小程式二界頁面--底部導航
.wxml{<view class="navigation"><image src="../imag/102.jpg" /> <image src="../imag/10
微信小程式把玩（三十七）location API
location API也就分這裡分兩種wx.getLocation(object)獲取當前位置和wx.openLocation(object)通過經緯度開啟內建地圖。其中定位獲取位置資訊返回引數是有問題的speed，accuracy這兩個是沒有的。還有
微信小程式把玩（三十四）Audio API
沒啥可值得太注意的地方 重要屬性： 1. wx.getBackgroundAudioPlayerState(object) 獲取播放狀態 2.wx.playBackgroundAu
微信小程式把玩（三十八）獲取裝置資訊 API
獲取裝置資訊這裡分為四種， 主要屬性： 網路資訊wx.getNetWorkType, 系統資訊wx.getSystemInfo, 重力感應資料wx.onAcceleromete
微信小程式把玩（三十六）Storage API
其實這個儲存在新建Demo的時候就已經用到了就是儲存就是那個logs日誌，資料儲存主要分為同步和非同步 非同步儲存方法： 存資料 wx.setStorage(object) 相同key會覆蓋，可寫回調方法 獲取方法： wx.getStora
微信小程式把玩（三十五）Video API
電腦端不能測試拍攝功能只能測試選擇視訊功能，好像只支援mp4格式，值得注意的是成功之後返回的臨時檔案路徑是個列表tempFilePaths而不是tempFilePath文件寫的有點問題。 主要屬性
微信小程式把玩（三十九）navigation API
演示效果也看到了小程式也就提供這幾個處理導航控制。值得注意的是只能同時導航五個頁面 主要屬性： 導航條一些方法 wx.setNavigationBarTitle(object) 設定導航條的Title 導航標題可以通過三種方式設定，第一種是通過全域性
微信小程式開發三宗罪和解決方案
米鼠資訊：在微信公佈小程式的文件和開發工具後，我們在第一時間進行了學習和體驗，發現微信小程式的技術架構和開發體驗讓我們有些失望。由於微信小程式的執行環境並不是一個標準的瀏覽器環境，而且微信的封裝工作並不完善，所以我們以往開發中的很多經驗並不適用。這並非簡單的開
微信小程式把玩（二十三）modal元件
modal彈出框常用在提示一些資訊比如：退出應用，清楚快取，修改資料提交時一些提示等等。 常用屬性： wxml <!--監聽button點選事件--> <button b
微信小程式（三）：返回上一級頁面並重新整理（頁面棧）
在很多業務場景之下，需要返回上一級頁面，並進行重新整理，在微信小程式中的wx.navigateBack方法中，返回上一頁是不會重新整理的。如果上一頁的頁面載入是在onLoad方法中觸發的話，那麼可以修改為在onShow方法中觸發。 onLoad(Object query)：
微信 小程式（三）：選座系統2（主要內容：陣列的動態更改）
人生無趣且不易，一起找點樂子吧。歡迎評論，和文章無關也沒問題。 上篇文章我們主要說了列表的渲染，給定個數組，讓他根據我們的要求“畫”在介面上，最後我們也提到，如果想要想要改變介面，只要相應的改變對應陣列的內容就可以了。 這次我們就來講怎樣從介面獲得資料，然後在
微信小程式把玩（二十七）audio元件
音訊播放已經封裝的很好！只需配合屬性設定即可！ （method和data配合使用） 主要屬性： wxml <audio action="{{action}}"
微信小程式（三）：選座系統3（主要內容：陣列的動態生成）
人生不易且無趣，一起找點樂子吧。歡迎評論，和文章無關的也可以。 前面我們說了列表的渲染，由一個二維陣列，怎樣去畫出座位。還談了陣列的修改，怎樣從座位的點選事件，獲得對應的位置，也就是陣列的下標，去修改相應的值。這次我們來談談最後的一塊的內容，這應該是這個板塊的最
微信小程式入門三: 簡易form、本地儲存
例項內容 登陸介面 處理登陸表單資料 處理登陸表單資料（非同步） 清除本地資料 例項一: 登陸介面 在app.json中新增登陸頁面pages/login/login，並設定為入口。 儲存後，自動生成相關檔案（挺方便的）。
微信小程式把玩（九）scroll-view元件
scroll-view為滾動檢視，分為水平滾動和垂直滾動。注意滾動檢視垂直滾動時一定要設定高度否則的話scroll-view不會生效。滾動檢視常用的地方一般都是Item項比較多的介面，比如我的模組
微信小程式自定義tabbar
原文地址：http://www.wxapp-union.com/article-1405-1.html 1.建立wxml模板 <template name="tabbar"> <view class="tabbar_box" style=