请选择 进入手机版 | 继续访问电脑版

极客蜗牛

查看: 324|回复: 4

MUI学习笔记

[复制链接]

82

主题

99

帖子

657

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
657
QQ
发表于 2018-3-22 13:47:58 | 显示全部楼层 |阅读模式
回复

使用道具 举报

82

主题

99

帖子

657

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
657
QQ
 楼主| 发表于 2018-3-22 13:48:27 | 显示全部楼层

MUI 轮播组件

HTML代码
  1. <div class="mui-slider stf_banner">
  2.     <div class="mui-slider-group mui-slider-loop">
  3.         <!--支持循环,需要重复图片节点-->
  4.         <div class="mui-slider-item mui-slider-item-duplicate">
  5.             <img src="img/main/b3.jpg" alt="" />
  6.         </div>
  7.         <!--第一个内容区容器-->
  8.         <div class="mui-slider-item" id="item1">
  9.             <img src="img/main/b1.jpg" alt="" />
  10.         </div>
  11.         <!--第二个内容区-->
  12.         <div class="mui-slider-item" id="item1">
  13.             <img src="img/main/b2.jpg" alt="" />
  14.         </div>
  15.         <!--第三个内容区-->
  16.         <div class="mui-slider-item" id="item3">
  17.             <img src="img/main/b3.jpg" alt="" />
  18.         </div>
  19.         <!--支持循环,需要重复图片节点-->
  20.         <div class="mui-slider-item mui-slider-item-duplicate">
  21.             <img src="img/main/b1.jpg" alt="" />
  22.         </div>
  23.     </div>
  24.     <div class="mui-slider-indicator">
  25.         <div class="mui-indicator mui-active"></div>
  26.         <div class="mui-indicator"></div>
  27.         <div class="mui-indicator"></div>

  28.     </div>
  29. </div>
复制代码


JS代码
  1. var gallery = mui('.mui-slider');
  2. gallery.slider({
  3.     interval: 3000 //自动轮播周期,若为0则不自动播放,默认为0;
  4. });
复制代码













回复

使用道具 举报

82

主题

99

帖子

657

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
657
QQ
 楼主| 发表于 2018-4-13 15:31:46 | 显示全部楼层

MUI返回键 beforeback钩子

  1. mui.init({
  2.      beforeback: function() { //监听物理返回按键的方法
  3.          console.log('触发了 安卓返回键')      
  4.          plus.webview.currentWebview().close();      
  5.          return false;//阻止默认的返回        
  6.      }
  7. });
复制代码


回复

使用道具 举报

82

主题

99

帖子

657

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
657
QQ
 楼主| 发表于 2018-4-13 16:21:45 | 显示全部楼层

MUI 询问框 mui.confirm

  1. mui.confirm("确认删除吗","温馨提示",["确定","取消"],function(e){
  2.        console.log(e.index);
  3.        if(e.index==0){
  4.              //删除逻辑
  5.        }
  6. })
复制代码


回复

使用道具 举报

82

主题

99

帖子

657

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
657
QQ
 楼主| 发表于 2018-4-26 00:24:46 | 显示全部楼层

STF项目jquery ajax

  1. $.ajax({
  2.      type:"post",
  3.      url:stf.url+"",
  4.      data:{
  5.                                                         
  6.      },
  7.      success:function(res){
  8.          stf.log(res)
  9.      },
  10.      error:function(err){
  11.           stf.log(err)
  12.      }
  13.   });
复制代码


回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|小黑屋|极客蜗牛

GMT+8, 2019-6-24 20:39 , Processed in 0.056211 second(s), 24 queries .

Powered by Discuz! X3.4

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表