HBuilder-MUI-开发文档

16/6/310:06UI组件·MUI第1⻚页（共23⻚页）之dom机ulclass=mui-table-viewliclass=mui-table-view-cellmui-collapsemui-activeaclass=mui-navigate-righthref=#之1/adivclass=mui-collapse-contentp之1/p/div/liliclass=mui-table-view-cellmui-collapseaclass=mui-navigate-righthref=#之/adivclass=mui-collapse-contentp之2/p/div/liliclass=mui-table-view-cellmui-collapseaclass=mui-navigate-righthref=#之3/adivclass=mui-collapse-contentp之3/p/div/li/ul之每了进之个得之个⽆无.mui-collapseli你.mui-active进mui下之我好情为其:maccordionactionsheetactionsheet于不们微名进actionsheetpopover果popoverDOMpopove机.mui-popover你.mui-popover-bottom.mui-popover-action进divid=sheet1class=mui-popovermui-popover-bottommui-popover-action!--微没--ulclass=mui-table-viewliclass=mui-table-view-cellahref=#没1/a/liliclass=mui-table-view-cellahref=#没2/a/li/ul!--多没--ulclass=mui-table-viewliclass=mui-table-view-cellahref=#sheet1b多/b/a/li/ul/divpopover请⼒力actionsheet进js我好⼒力actionsheetpopover起toggle中//toggle中们⼒力同mui⽤用进mui('#sheet1').popover('toggle');16/6/310:06UI组件·MUI第2⻚页（共23⻚页）才样actionsheet()我好情为其:mactionsheetbadge为真只于9都现⼜又真只.mui-badge个对进mui每blue(green)三(yellow)要(red)⽐比(purple)不为真只spanclass=mui-badge1/spanspanclass=mui-badgemui-badge-primary12/spanspanclass=mui-badgemui-badge-success123/spanspanclass=mui-badgemui-badge-warning3/spanspanclass=mui-badgemui-badge-danger45/spanspanclass=mui-badgemui-badge-purple456/span.mui-badge-invertedspanclass=mui-badgemui-badge-inverted1/spanspanclass=mui-badgemui-badge-primarymui-badge-inverted2/spanspanclass=mui-badgemui-badge-successmui-badge-inverted3/spanspanclass=mui-badgemui-badge-warningmui-badge-inverted4/spanspanclass=mui-badgemui-badge-dangermui-badge-inverted5/spanspanclass=mui-badgemui-badge-royalmui-badge-inverted6/span我好情为其:mbadgebuttonmui个成blue(green)三(yellow)要(red)⽐比(purple)不不primarysuccesswarningdangerroyal进.mui-btn个.mui-btn-最.mui-btn-不相.mui-btn-blue.mui-btn-primary所进button你.mui-btn个进class.mui-btn-bluebuttontype=buttonclass=mui-btn个/buttonbuttontype=buttonclass=mui-btnmui-btn-primary/buttonbuttontype=buttonclass=mui-btnmui-btn-success/buttonbuttontype=buttonclass=mui-btnmui-btn-warning三/buttonbuttontype=buttonclass=mui-btnmui-btn-danger要/buttonbuttontype=buttonclass=mui-btnmui-btn-royal⽐比/button个得.mui-btn-outlined我好个三要⽐比16/6/310:06UI组件·MUI第3⻚页（共23⻚页）=buttonclass=mui-btnmui-btn-outlined个/buttonbuttontype=buttonclass=mui-btnmui-btn-primarymui-btn-outlined/buttonbuttontype=buttonclass=mui-btnmui-btn-successmui-btn-outlined/buttonbuttontype=buttonclass=mui-btnmui-btn-warningmui-btn-outlined三/buttonbuttontype=buttonclass=mui-btnmui-btn-dangermui-btn-outlined要/buttonbuttontype=buttonclass=mui-btnmui-btn-royalmui-btn-outlined⽐比/button我好情为其:mbuttoncheckboxcheckbox⻓长进DOMdivclass=mui-input-rowmui-checkboxlabelcheckbox相/labelinputname=checkbox1value=Item1type=checkboxchecked/div个checkbox座得等.mui-leftdivclass=mui-input-rowmui-checkboxmui-leftlabelcheckbox等相/labelinputname=checkbox1value=Item1type=checkbox/div将checkboxcheckboxdisabled进我好情为其:mckeckboxdialog*dialogapi⼼心muiv2.7+家这觉们(h5觉closepopup)callback⼊入关们加被最最mui⼿手ua从更,h5,个,每type,h5觉:1.webview,2.h5⼤大muiv3.0dialog⼼心\n个三要⽐比.alert(message,title,title,btnValue,callback,[,type])messageType:String()16/6/310:06UI组件·MUI第4⻚页（共23⻚页）:String()只btnValueType:String()callbackType:Function()⼊入typeValue:'div'()第h5.confirm(message,title,title,btnValue,callback,[,type])messageType:String()titleType:String()只btnValueType:Array()callbackType:Function()⼊入typeValue:'div'()第h5.prompt(message,placeholder,title,title,btnValue,callback,[,type])messageType:String()placeholderType:String()获为titleType:String()只btnValueType:Array()callbackType:Function()⼊入typeValue:'div'()第h516/6/310:06UI组件·MUI第5⻚页（共23⻚页）(⼤大h5觉)mui.css⼤大.mui-popup⼤大DOM.//⼤大个input他passwordmui.prompt('text','deftext','title',['true','false'],null,'div')document.querySelector('.mui-popup-inputinput').type='password'我好情为其:malertmconfirmmpromptmtoastmclosepopupmclosepopups明slideDOM所slide进DOM个⼼心美DOMdivclass=mui-sliderdivclass=mui-slider-groupdivclass=mui-slider-itemahref=#imgsrc=1.jpg//a/divdivclass=mui-slider-itemahref=#imgsrc=2.jpg//a/divdivclass=mui-slider-itemahref=#imgsrc=3.jpg//a/divdivclass=mui-slider-itemahref=#imgsrc=4.jpg//a/div/div/div明12341等理4等理⼼心美等理1进⼼心美等理4们1来座理1进1座理第4进.mui-slider-loopDOM你进⼼心美.mui-slider-group你.mui-slider-loop⼦子2活412341我好相.toast(message)toastType:String()多.closePopup()(h5).closePopups()(h5)16/6/310:06UI组件·MUI第6⻚页（共23⻚页）=mui-sliderdivclass=mui-slider-groupmui-slider-loop!--⼼心美⼦子你--divclass=mui-slider-itemmui-slider-item-duplicateahref