1. 程式人生 > >微信小程序視頻學習筆記(日更

微信小程序視頻學習筆記(日更

program 後綴 uno 宋體 文本 element 文字 == tap

【清華大學】學做小程序

https://www.bilibili.com/video/av21987398

2.2創建項目和文件結構

小程序包含一個描述整體程序的app和多個描述各自頁面的page

配置app.json,至少含有pages(頁面路徑列表)

用於指定小程序由哪些頁面組成,每一項都對應一個頁面的 路徑+文件名 信息。文件名不需要寫文件後綴,框架會自動去尋找對於位置的 .json, .js, .wxml, .wxss 四個文件進行處理。

數組的第一項代表小程序的初始頁面(首頁)。小程序中新增/減少頁面,都需要對 pages 數組進行修改。

子頁面的json文件同樣不能為空

[

JSON 對象使用在大括號({})中書寫。

對象可以包含多個 key/value(鍵/值)對。

key 必須是字符串,value 可以是合法的 JSON 數據類型(字符串, 數字, 對象, 數組, 布爾值或 null)。

key 和 value 中使用冒號(:)分割。

每個 key/value 對使用逗號(,)分割。

實例

{ "name":"runoob", "alexa":10000, "site":null }]

about.js 出現腳本錯誤

需要通過調用 page 函數 給 about頁面註冊 頁面對象

about.wxml測試標簽

<text style="font-weight:bold;font-size:30px;">hello world</text>

通過

<text class="info">hello world</text>

通過測試wxss

.info{

font-weight:bold;

font-size:30px;

}

====================================

2.3頁面配置初探

頂部導航欄修改通過修改json

{

"navigationBarTitleText":"關於",

"navigationBarBackgroundColor":"#fff",

"navigationBarTextStyle":"black"

}

navigationBarTitleText

導航欄標題文字內容

navigationBarBackgroundColor 導航欄背景顏色,如 #000000

navigationBarTextStyle 導航欄標題顏色,僅支持 black / white

https://developers.weixin.qq.com/miniprogram/dev/framework/config.html#%E5%85%A8%E5%B1%80%E9%85%8D%E7%BD%AE

====================================

2.4view、text、image組件

目標呈現一個圖片和三個文本

組件(標簽,元素)中可以加入屬性class id style bindtap(觸發函數) hidden(隱藏(true/false))date- (自定義設置屬性(將會在事件觸發的時候封裝在事件對象中傳遞給對應的事件處理函數處理))

block和inline這兩個概念是簡略的說法,完整確切的說應該是 block-level elements (塊級元素) 和 inline elements (內聯元素)。https://www.cnblogs.com/ry123/p/4322744.html

html中一般使用div作容器元素,在wxml中使用view元素來替代

微信小程序視頻學習筆記(日更