微信小程式框架製作-第07課-App.json-tabBa講解
tabBar
如果小程式是一個多 tab 應用(客戶端視窗的底部或頂部有 tab 欄可以切換頁面),可以通過 tabBar 配置項指定 tab 欄的表現,以及 tab 切換時顯示的對應頁面。
其中 list 接受一個數組,只能配置最少2個、最多5個 tab。tab 按陣列的順序排序,每個項都是一個物件,其屬性值如下:
屬性 型別 必填 說明
pagePath String 是 頁面路徑,必須在 pages 中先定義
text String 是 tab 上按鈕文字
iconPath String 否 圖片路徑,icon 大小限制為40kb,建議尺寸為 81px * 81px,不支援網路圖片。
當 postion 為 top 時,不顯示 icon。
selectedIconPath String 否 選中時的圖片路徑,icon 大小限制為40kb,建議尺寸為 81px * 81px,不支援網路圖片。
當 postion 為 top 時,不顯示 icon。
相關推薦
微信小程式框架製作-第07課-App.json-tabBa講解
tabBar 如果小程式是一個多 tab 應用(客戶端視窗的底部或頂部有 tab 欄可以切換頁面),可以通過 tabBar 配置項指定 tab 欄的表現,以及 tab 切換時顯示的對應頁面。 其中 list 接受一個數組,只能配置最少2個、最多5個 tab。
微信小程式框架製作-第06課-App.json-pages講解和如何新增加程式頁面
pages 用於指定小程式由哪些頁面組成,每一項都對應一個頁面的 路徑+檔名 資訊。檔名不需要寫檔案字尾,框架會自動去尋找對於位置的 .json, .js, .wxml, .wxss 四個檔案進行處理。 陣列的第一項代表小程式的初始頁面(首頁)。小程式中新增/減少頁
微信小程式框架製作-第08課-App.json-window和(子)頁面配置講解
pages 用於指定小程式由哪些頁面組成,每一項都對應一個頁面的 路徑+檔名 資訊。檔名不需要寫檔案字尾,框架會自動去尋找對於位置的 .json, .js, .wxml, .wxss 四個檔案進行處理。 陣列的第一項代表小程式的初始頁面(首頁)。小程式中新增/減少頁
微信小程式框架製作-第05課-小程式目錄結構分析
在上一章中,我們通過開發者工具快速建立了一個 QuickStart 專案。你可以留意到這個專案裡邊生成了不同型別的檔案: .json 字尾的 JSON 配置檔案 .wxml 字尾的 WXML 模板檔案 .wxss 字尾的 WXSS 樣式檔案 .js 字尾的 JS 指令碼
微信小程式框架製作-第02課-開發準備:賬號申請,準備小程式的APPID
官方申請地址:https://mp.weixin.qq.com/ 申請微信小程式賬號 準備好自己的APPID(微信小程式,非公眾號) 開發欄目中檢視 申請賬號-教程-參考網址: https://developers.weixin.qq.com/miniprogra
微信小程式-問題:未找到入口 app.json 檔案
微信小程式建立專案完成,總是出現“未找到入口 app.json 檔案,或者檔案讀取失敗,請檢查後重新編譯。”這個問題:如圖: 解決方法: 新建一個空的資料夾:建立專案放到該檔案中即可
微信小程式-day02-微信小程式-框架-配置-pages、windows、tabBars、debug(json檔案)
1.pages(頁面路徑列表) "pages":[ "pages/index/index", "pages/do/do", "pages/eat/eat", "pages/logs/logs" ] 2.windows(全域性的預設視窗表現) "window":{
[轉] 擴充套件微信小程式框架功能
通過第三方 JavaScript 庫,擴充套件微信小程式框架功能。 擴充套件微信小程式框架功能(1)——Promise ES6 對 Promise 有了原生的支援,但微信開發者工具更新版本(0.11.112200)後, 移除了開發者工具對 ES6 中Promise 特性原生的支援, 需要引入第三
微信小程式框架wepy筆記
WePY專案的建立與使用 全域性安裝或更新WePY命令列工具 npm install wepy-cli -g 在開發目錄中生成Demo開發專案, 1.7.0之後版本請移步wepy-cli文件
微信小程式框架wepy.js父子元件雙向通訊
import wepy from 'wepy' import child from '../components/child' export default class Index extends wepy.page { config = { navigationBarTi
微信小程式框架wepy.js元件傳值的bug
使用微信小程式的框架wepy.js遍歷元件並且往元件裡傳值的時候只能傳整個資料, 不能傳資料裡的某個值 <repeat for="{{ arr }}" key="index" index="index" item="item"> //當
讓微信小程式在瀏覽器和自己的App中執行--自己寫的一個開源框架FreeMina(開發中。。)
FreeMina: An open mina compatible framework for running in browser or webview. 一個相容微信小程式Mina框架的開源框架 從小程式的設計來看,微信正走向封閉生態。我們開發的微信
微信小程式——學習筆記(一):json
json配置檔案—— 1> app.json:作用於整個小程式全域性配置 頁面路徑——page(陣列[字串="路徑+檔名"]) "pages":["pages/index/index","pages/log/index"]
微信小程式報VM1145:2 pages/posts/post.json 檔案解析錯誤 SyntaxError: Unexpected token / in JSON at position 50
今天樓主在學習小程式開發的時候遇到了這個錯誤: 網上百度一查,大部分的答案都是說專案對應的json檔案為空,應該加上"{}"空格的大括號,即可解決問題,可是樓主的json檔案如下圖: 樓主的json裡面明明是有內容的,可為什麼還報錯的,經過上網搜尋,得出了答案,現在分
微信小程式模板訊息群發、無限制推送相關講解
模版訊息推送是微信小程式採用的通知形式,使用者本人在小程式頁面有互動行為後,可觸發下發通知,通過微信聊天列表中的服務通知可快捷進入檢視訊息。此外,點選檢視詳情還能跳轉到下發訊息的小程式的指定頁面。但是為了避免這種通知被濫用,帶來不好的使用者體驗,小程式也對模板訊息推送做了相應
微信小程式開發教程(基礎篇)3-app.js 解析
上一篇教程中寫道,開發工具會生成一個預設的程式框架,其中程式的主流程程式碼包含在app.js中。預設實現中,該部分功能比較簡單,不過對於學研究小程式開發還是比較有價值的。 由於程式碼行數不多,下面一次性貼出來後進行講解 //app.js App({
微信小程式發紅包功能實現,附效果圖加講解。
有問題可以掃碼加我微信,有償解決問題。承接小程式開發。 微信小程式開發交流qq群 173683895 、 526474645 ; 正文: 目前此功能尚在內測,無法申請。此博文僅示例。 流
微信小程式教學第三章(含視訊):小程式中級實戰教程:列表-靜態頁面製作
§ 列表 - 開發準備 開始前請把 ch3-1 分支中的 code/ 目錄匯入微信開發工具 這一章主要會教大家如何用小程式製作一個可以無限載入的列表。希望大家能通過這個例子掌握製作各種列表的原理。 無限列表載入的原理
微信小程式開發框架——WXSS(一)
WXSS語言決定了小程式頁面的各個元素在視覺上的展示,WXSS與CSS即為相試的、為了適合微信小程式開發WXSS對CSS進行相應的修改。 width:用來設定元素'寬度' / height:用來設定元素'高度 '/
微信小程式(看文件寫例項三)微信小程式課堂寶APP實現整體介面框架及首頁佈局
一、首頁佈局簡單思路 回顧上一篇博文,首頁的內容主要有輪播圖,橫向滑動選單以及選單對應的view,橫向滑動選單有簽到、課堂測試、模擬測試、課堂提問、答問記錄五個選項,當點選選項時更新顯示view。由於素材和時間有限,所以佈局做得相對簡單,主要是側重思路及程式碼邏輯。 二、輪播圖 檢視文件