微信小程式開發10 開發流程

2022-08-29 13:27:19 字數 687 閱讀 5163

1.flex布局

flex是flexible box的縮寫,意為」彈性布局」,用來為盒狀模型提供最大的靈活性。任何乙個容器都可以指定為flex布局。

2.設定容器,用於統一管理容器內專案布局,也就是管理專案的排列方式和對齊方式。

flex-direction 屬性

通過設定座標軸,來設定專案排列方向。

.container

row(預設值):主軸橫向,方向為從左指向右。專案沿主軸排列,從左到右排列。

row-reverse:row的反方向。主軸橫向,方向為從右指向左。專案沿主軸排列,從右到左排列。

column:主軸縱向,方向從上指向下。專案沿主軸排列,從上到下排

列。column-reverse:column的反方向。主軸縱向,方向從下指向上。專案沿主軸排列,從下到上排列。

flex-wrap

屬性

設定是否允許專案多行排列,以及多行排列時換行的方向。

nowrap(預設值):不換行。如果單行內容過多,則溢位容器。

wrap:容器單行容不下所有專案時,換行排列。

wrap-reverse:容器單行容不下所有專案時,換行排列。換行方向為wrap時的反方向。

微信小程式開發流程

帳號資訊 郵箱啟用 資訊登記 已註冊,長時間沒有提交審核,被強制 登出了 可以重新註冊 該郵箱已被占用,請更換其他郵箱 準備好乙個沒有繫結過的qq郵箱即可,用來啟用註冊繫結小程式的?垃圾 qq 帳號名稱長度為4 30個字元,乙個中文字等於2個字元。簡稱僅支援從當前名稱中按順序選取字元建立,帳號簡稱長...

01 微信小程式註冊開發流程

需要乙個郵箱 1v1 小程式名稱 頭像 介紹 型別 繫結開發者,管理員預設,團隊成員需要繫結 選擇小程式 點選註冊 填寫郵箱和密碼資訊 收到郵件並啟用小程式 填寫相關資訊 填寫基本資訊 詳細步驟參見官方幫助文件 選擇 普通小程式開發者工具 選擇對應版本 執行官方示例程式 2 解壓後將專案放到自定義的...

微信小程式開發

一 開發準備 二 開發工具的使用 編碼目錄結構 1 wxml的功能 資料繫結 資料繫結使用 mustache 語法 雙大括號 將變數包起來。列表渲染 wx for 在元件上使用 wx for 控制屬性繫結乙個陣列,即可使用陣列中各項的資料重複渲染該元件。block wx for 類似 block w...