ylbtech-DCloud-MUI：代码块

1.返回顶部

1、

怎么用?

html

此底色代表最小触发字符

此底色代表非必要完整触发字符

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

我们只整理了部分常用到的代码块.欢迎大家提交更多的代码块方便大家开发.

组件

触发字符

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

2、

2.返回顶部

3.返回顶部

4.返回顶部

5.返回顶部

1、

http://dev.dcloud.net.cn/mui/snippet/

2、

6.返回顶部

作者：ylbtech
出处：http://ylbtech.cnblogs.com/
本文版权归作者和博客园共有，欢迎转载，但未经作者同意必须保留此段声明，且在文章页面明显位置给出原文连接，否则保留追究法律责任的权利。