DCloud-MUI：代碼塊

時間 2019-11-14

標籤 dcloud mui 代碼简体版

原文原文鏈接

ylbtech-DCloud-MUI：代碼塊

1.返回頂部

一、

怎麼用?

html

此底色表明最小觸發字符

此底色表明非必要完整觸發字符

*需HBuilder7.1+,或者下載mui_html_snippets.rb mui_js_snippets.rb替換使用

咱們只整理了部分經常使用到的代碼塊.歡迎你們提交更多的代碼塊方便你們開發.html

組件	觸發字符
mDoctype(mui-dom結構)	mdo ctype
mBody(主體)	mbo dy
mScroll(區域滾動容器)	msc roll
mrefreshContainer(刷新容器)	mre fresh
mHeader(標題欄)	mhe ader
mHeader(帶返回箭頭的標題欄)	mhe aderwithBack
mCheckbox(複選框)	mch eckbox
mCheckbox(複選框居左)	mch eckbox_left
mCheckbox(複選框禁用選項)	mch eckbox_disabled
mIcon(圖標)	mic on
mOffcanvas(側滑導航-主界面、菜單同時移動)	mof fcanvasall
mOffcanvas(側滑導航-主界面移動、菜單不動)	mof fcanvasmain
mOffcanvas(側滑導航-主界面不動、菜單移動)	mof fcanvasmenu
mOffcanvas(側滑導航-縮放式側滑（類手機QQ）)	mof fcanvasscalable
mText(文本框)	min puttext
mText_Search(搜索框)	min putsearch
mText_Clear(帶清除按鈕的文本框)	min putclear
mText_Speech(語音輸入)	min putspeech
mForm(表單)	mfo rm
mRadio(單選框)	mra dio
mRadio(單選框居左)	mra dio_left
mRadio(禁用單選框)	mra dio_disable
mRadios(默認選中指定項)	mra dio_selected
mPopover(彈出菜單)	mpo pover
mprogressbar(進度條-無限循環)	mpr ogressbarinfinite
mprogressbar(進度條-有準確值)	mpr ogressbar
mActionsheet(H5模式彈出菜單)	mac tionsheet
mRange(Label+滑塊)	mra ngelabel
mSwitch(開關)	msw itch
mSwitch(開關 - 藍色)	msw itch_blue
mSwitch(開關Mini)	msw itchmini
mSwitch(開關Mini - blue)	msw itchmini_blue
mbadge(數字角標)	mba dge
mbadge(數字角標無底色)	mba dge_inverted
mTab(底部選項卡)	mta b
mTabSegmented(div選項卡)	mta bsegmented
mTabSegmented(可左右拖動的選項卡)	mta bviewpage
mPagination(分頁)	mpa gination
mList(列表)	mli st
mListMedia(圖文列表圖片居左)	mli st_Media_left
mListMedia(圖文列表圖片居右)	mli st_Media_right
mGrid(九宮格)	mgr id
mGallery-Table(圖文表格)	msl ider_gallery_table
mGallery(圖片輪播)	msl ider_gallery
slide(輪播組件)	msl ider
mactionsheet(操做表)	act ionsheet
maccordion(摺疊面板)	mac cordion
mnumbox(數字輸入框)	mnu mbox
mrefreshContainer(刷新容器)	mpu llrefresh
mButton(按鈕)	mbu tton
mButton(按鈕無底色,有邊框)	mbu tton_outline
mButton(塊狀按鈕)	mbu tton_block

init

組件	觸發字符
mui.init	min
建立子頁面( subpage )	mins ubpage
預加載頁面( preload )	minp reload
刷新組件( pullRefresh )	minp ullRefresh
手勢事件( getures )	ming esture
側滑返回( swipeback )	mins wipeback
按鍵綁定(keyeventbind)	mink eyevent
重寫窗口關閉邏輯(beforeBack)	minb eforeback
設置狀態欄顏色( setStatusbar )	mins tatusbar
預加載數量( preloadlimit )	minp relimit

js組件

組件	觸發字符
mui.plusReady()	mpl usready
mui.ready	mre ady

event

組件	觸發字符
mui.on(事件綁定)	mmon
mui.off(事件取消)	mmoff
mui.trigger()(事件觸發)	mtrigger
mui.fire()(自定義事件)	mfire
document.getElementById()	dg
document.querySelector()	ds
document.querySelector().addEventListener()	dsa
document.getElementById().addEventListener()	dga
window.addEventListener()	wad
document.addEventListener()	dad

dialog

組件	觸發字符
mui.alert()(彈出框)	mda lert
mui.confirm()(確認彈出框)	mdc onfirm
mui.prompt()(輸入彈出框)	mdp rompt
mui.toast()(自動消失提示框)	mdt oast
mui.closePopup()(關閉最外層對話框)	mdc losePopup
mui.closePopups()(關閉所有對話框)	mdc losePopups

utils

組件	觸發字符
mui() (mui對象選擇器)	mmu i
mui.each()(數組,對象遍歷)	mea ch
mui().each()(DOM遍歷)	mme ach
mui.extends(對象合併)	mex tends
mui.later() (setTimeOut封裝)	mla ter
mui.scrollTo() (滾動到指定位置)	msc rollto
mui.os()(判斷當前運行環境)	mos

ajax

組件	觸發字符
mui.ajax()	maj ax
mui.post()	mpo st
mui.get()	mge t
mui.getJSON()	mjs on

webview

組件	觸發字符
mui.open(打開新頁面)	mop en
mui.currentWebview (當前頁面)	mcu rrent
mui.back()(關閉窗口)	mba ck
mui.backFunction()(重寫返回邏輯)	mba ckfunction
mui.backDouble()(雙擊退出應用)	mba ckDouble
mui.backTast(雙擊進入後臺)	mba cktast
mui.preload()(預加載)	mpr eload

plus

組件	觸發字符
plusReady	pre ady
plus.accelerometer	pac ce
plus.audio	pau dio
plus.barcode	pba rcode
plus.camera	pca mera
plus.contacts	pco ntacts
plus.device	pde vice
plus.gallery	pga llery
plus.geolocation	pge olocation
plus.io	pio
plus.key	pke y
plus.maps	pma ps
plus.messaging	pme ssaging
plus.nativeObj	pna tiveObj
plus.nativeUI	pna tiveUI
plus.navigator	pna vigator
plus.orientation	por ientation
plus.payment	ppa yment
plus.proximity	ppr oximity
plus.push	ppu sh
plus.runtime	pru ntime