MUI框架的缩写输入

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

时间: 2024-11-07 03:08:10

MUI框架的缩写输入的相关文章

【MUI框架】学习笔记整理 Day 1

MUI 框架之 [原生UI] (1)accordion(折叠面板) 由二级列表演化而来 1 <ul class="mui-table-view"> 2 <li class="mui-table-view-cell mui-collapse"> 3 <a class="mui-navigate-right" href="#"></a> 4 <div class="m

MUI框架-01-介绍-创建项目-简单页面

MUI框架-01-介绍-准备-创建项目 从0开始快速高效学习 MUI 框架 官方文档:http://dev.dcloud.net.cn/mui/ui/ (1)MUI 介绍 MUI 是什么,解决了什么问题? MUI 官方号称最接近原生APP体验的高性能前端框架 简单的说就是webapp的以个开发框架 webapp和原生app性能及体验的差距,一直是移动app开发者放弃HTML5的首要原因. 浏览器天生的切页白屏.不忍直视的转页动画.浮动元素的抖动.无法流畅下拉刷新等问题,这些都让HTML5开发者倍

MUI框架-02-注意事项-适用场景-实现页面间传值

MUI框架-02-注意事项-适用场景-实现页面间传值 关于开发,我拷贝太多也没什么意义,就请查阅:官方文档:http://dev.dcloud.net.cn/mui/ui/ 快速入门 - 注意事项 有些可能看不懂,这样排是为了可以做 MUI 开发的时候,养成良好的习惯,避免不必要的错误 DOM 结构: 关于 mui 页面的 dom,你需要知道如下规则 固定栏靠前: 所谓的固定栏,也就是带有.mui-bar 属性的节点,都是基于 fixed 定位的元素: 常见组件包括:顶部导航栏(.mui-bar

MUI框架-08-窗口管理-创建子页面

MUI框架-08-窗口管理-创建子页面 之前写过这一篇,不知道为什么被删了,我就大概写了,抱歉 创建子页面是为了,页面切换时,外面的页面不动,让 MUI 写出来的页面更接近原生 app 官方文档:http://dev.dcloud.net.cn/mui/window/#subpage 创建子页面 1.在HBuilder 新建移动app项目,选择 mui 3.新建html目录用来存放html文件,新建含 mui 的HTML文件 在 Hbuilder 中,新建HTML文件,选择"含 mui的HTML

移动端 mui框架中input输入框或任何输入框聚焦后页面自动上移

一.mui框架中点击input后,安卓手机弹出自带的输入键盘时,页面自动上移 实现方法: (1)只要把input标签放在mui-content这个类里面就可以了 <div class="mui-content"> <input .../> </div> 注意:在有些情况下不适用,当把input标签放入mui-scroll中就不行了,也就是说mui-content和mui-scroll同时存在时不适用 <div class="mui-c

MUI 框架微信支付

在MUI 框架中实现了支付宝支付后,以为MUI微信支付,也没什么大问题,结果这个问题困扰了我几天,后面再同事的提醒下终于弄出来了, 问题出在,开始使用Dcloud 公有证书 怎么也付不了....,后面改成自己就OK了....希望后来者看到此博,能节约一点时间. <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" co

使用mui框架后a标签无法跳转

由于最近工作项目上使用到前台mui框架,笔者在将H5转换为jsp时,遇见各种各样问题,原因归结为对mui框架不熟悉,今天就遇见一个特别奇怪的问题,界面中超链接<a>标签无法跳转,笔者试着添加点击事件,但效果依然是无法跳转,查资料发现mui搞得鬼: 我的代码主要是下边代码搞得鬼: //删除出行人  mui('body').on('tap','.business_icon_remove',function(){    var parentNode_1 = this.parentNode,     

mui框架中底部导航的跳转1

mui框架极大的方便了app的开发但是我们在做页面之间的切换时发现不能实现 a 链接的跳转,这是应为mui相关的一些控件是通过拦截a标签上的href来实现的,所以mui.js会阻止a标签上的href跳转, 为了让我们通过触摸下面的导航之后,把相对应的子页面加载到首页的内容区在index.html 下写: 地不连接为 让为了让内容在首页窗体内显示,我们还需要写下面的代码: 这里要注意的是其他页面上要有内容不然看不出来,必须是真机测试才能看出效果

MUI框架

Hbuilder中敲mheader生成的代码块,会自动生成带有返回导航箭头的标题栏,点击返回箭头可关闭当前页面,原因就是因为该返回箭头包含.mui-action-back类,代码如下: <header class="mui-bar mui-bar-nav"> <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a> <h1 class=&