微信小程式 邏輯與介面分離結構

2021-10-02 06:20:16 字數 1093 閱讀 3115

學習之路

ui元件

基本元件

icon 圖示

type 用於指定型別 success, success_no_circle, info, warn, waiting, cancel, download, search, clear

size 用於指定大小 預設20

color 用於指定顏色 與css一樣

text 文字

相當於css裡面的p標籤,主要為了可以加class樣式

不同:可以巢狀,可以換行

這是一段文

progress 進度條

percent 百分比0~100

show-info 在進度條右側顯示百分比

border-radius 顯示圓角大小

font-size 顯示右側百分比字型大小

strok-width 進度條線的寬度

active 進度條從左往右的動畫

表單元件

button 按鈕

size 大小 mini

type 型別 warn 紅色 primary 綠色 default 白色

loading 等待

這是乙個按鈕
checkbox 核取方塊

value 值

disabled 禁用

checked 選中

color 顏色

input 輸入框

type 型別

placeholder 輸入框為空時的佔位符

操作反饋元件

wx.showactionsheet 下拉列表

wx.showactionsheet(

}})

wx.showmodal 模擬彈窗

wx.showmodal(

}})

wx.showtoast() 模擬成功層

wx.showtoast()

微信小程式 邏輯層

初始資料 data 是頁面第一次渲染使用的初始資料 因為頁面載入時,data將會以json 字串的形式由邏輯層傳到渲染層,因此data 中的資料必須時可以轉成 json 的型別 字串 數字 布林值 物件 陣列 同大多數 mvvm 框架語言一樣,也可以實現邏輯層到渲染層的雙向繫結。生命週期 函式 有 ...

微信小程式 後端介面

主要controller介面 namespace addons fenxi controller use home controller addonscontroller class fenxicontroller extends addonscontroller this ajaxreturn l...

微信小程式的登入邏輯

2 將code 授權登入引數 標識不同的小程式 傳給後端獲取openid,unionid,customertel。儲存openid支付時使用。3 1 返回了customertel 後端根據unionid查詢到有繫結關係的customertel返回給前端 可判斷為註冊過的老使用者 前端再呼叫登入介面獲...