琼菇凉

2020年8月24日

摘要：效果展示： 1.头部引入css：mui.picker和mui.poppicker 两个css文件 2.HTML： <div id='showUserPicker' class="search-item"> <span class="search-area">区</span> <span id='us 阅读全文

posted @ 2020-08-24 11:29 琼菇凉阅读(4294) 评论(0) 推荐(0) 编辑

mui——tab切换

摘要： 1.效果展示： <div id="segmentedControl" class="mui-segmented-control"> <a id="btn1" class="mui-control-item mui-active">全部</a> <a id="btn2" class="mui-cont 阅读全文

posted @ 2020-08-24 11:00 琼菇凉阅读(378) 评论(0) 推荐(0) 编辑

mui——下拉刷新上拉加载

摘要：效果展示： 1.双页面 banShiZhiNan.html（主页面） banShiZhiNan_sub.html（子页面） banShiZhiNan.html HTML <header class="mui-bar mui-bar-nav"> <a class="mui-action-back mu 阅读全文

posted @ 2020-08-24 10:28 琼菇凉阅读(401) 评论(0) 推荐(0) 编辑

2020年8月21日

mui——页面跳转

摘要： 1.页面跳转一 <div class="btn_box" id="SMS">登录</div> //跳转到短信验证 document.getElementById('SMS').addEventListener('tap', function() { mui.openWindow({ url: 'sm 阅读全文

posted @ 2020-08-21 17:59 琼菇凉阅读(1317) 评论(0) 推荐(0) 编辑

mui ——底部tab切换

摘要：效果展示： 1.图标为icon字体 HTML <nav class="mui-bar mui-bar-tab"> <a id="defaultTab" class="mui-tab-item mui-active" href="suoYouWenTi.html"> <span class="mui- 阅读全文

posted @ 2020-08-21 15:49 琼菇凉阅读(714) 评论(0) 推荐(0) 编辑

公告