1.建立頁面
編譯方法: (1)介面有「編譯」快捷按鈕; (2)快捷鍵ctrl+s建立pages目錄檔案,用來存放各個頁面;.js .json .wxml .wxss不同檔案的注釋方法都略有不同,需要注意
建立頁面,頁面名字以及4個檔案
1)js:頁面邏輯實現
2)json:負責標題欄和一些狀態列
3)wxml:管理頁面內容
4)wxss:頁面排布
把內容單元封裝在view內部:內容
用class方式進行頁面布局,class也可以對元件進行布局,
class規定的樣式名稱前要加 』 . 』 ,也可以對image、text元件不加點進行全域性布局。
獲取、文字、按鈕的元件,在index.wxml中進行
1)
2)文字內容
3)按鈕按鈕上的內容
頁面設計
在index.wxml中會有,container是自命名的乙個容器,這個容器放在index.wxss檔案中,主要是設計樣式。
邏輯設計,在index.js檔案中進行
函式定義方法:函式名:function(引數列表), (函式結尾要有逗號)
變數定義方法:data: (兩個變數的定義之間用逗號隔開)
2.示例對應解釋
index.wxml中的內容
index.js中部分內容
index.wxss對應內容
3.補充wxss之flex布局
3.1wxss
(1)尺寸單位「rpx」
原理是無視裝置原先的尺寸,統一規定螢幕寬度為750rpx。比如相對於iphone6,1rpx=0.5px。
(2)常用屬性
background-color — 背景色
color — 前景色
font-size — 字型大小
border — 邊框
width — 寬度
height — 高度
(3)內聯樣式
a)class 如前所使用
b)style
測試
3.2flex布局
1.基本概念
(1)容器和專案
"a">
"b">
"c">
對於a,b:a是容器,b是專案
對於b,c:b是容器,c是專案
(2)座標軸
預設是水平布局:從左向右方向為主軸,從上向下方向為輔軸;
垂直布局:從上向下方向為主軸,從左向右方向為輔軸。
2.容器屬性
.container
微信開發者中心
如果沒有伺服器,可以去搜尋小公尺球,作為臨時學習用。非常方便。解析使用者傳送的訊息。使用者post的訊息存在 request.body裡面 def parsemsg self,xmlbody 解析使用者傳送的訊息 try xmldata et.fromstring xmlbody msg msg t...
歷史 微信開發者工具 微信小程式開發者工具詳解
二 建立專案 三 開發工具介面介紹 2.除錯 開發完需要除錯程式的時候需要切換到這個區域,除錯區有很多任務具可供使用。3.專案 在這裡可以上傳或者預覽專案 4.編譯 就相當於執行專案的意思 5.關閉 關閉當前工程 7.這個區域可以看到整個專案的文件目錄結構 8.這個區域是編碼區 9.這裡是選擇螢幕尺...
申請成為微信公眾平台開發者教程
進入高階功能 開發模式,下面會有成為開發者按鈕,點選該按鈕,如果你之前已經設定好頭像什麼的,就進入下面的頁面 這裡token可以隨意定義,url輸入的不行就通過不了,會提示url超時,或者你的伺服器沒有正確響應token驗證,請閱讀訊息介面使用指南,下面你要有你的主機,寫乙個php檔案,內容如下,將...