MUI 图片轮播

好久没有更新啦，最近慵懒了，不找那么多借口，马上就要年终结算了，还是希望能自己上线一款APP，给领导眼前一亮的感觉，希望最近一个月能勤快点，如果让我对年轻人说一句话，就是 晚点生娃，晚点生娃，晚点生娃，不然你会觉得时间根本不够用，我再写这篇文章的时候，我的女儿在外面看动画片，当然你不可能一直用动画片打发她，这样是很不负责任的，今天老婆开会，我也是给她幼儿园接回来，喂了饭，陪着一起念了五十分钟的三字经，刚刚开始看，等我写完这篇文章，还要给她洗澡，哄睡，所以说，都是泪。

说正事，图片轮播这个其实很好用，我用在APP首页，作为最新新闻来展示，图片的展示方式使人眼球敏感，然后三秒的轮播时间，让大家觉得APP很动态，每次登录从数据库取最新的五条新闻，首页展示图片，点击跳转图文页面即可，直接上代码代码分两段，第一段就是图片轮播的基本用法，非常非常简单，文档上介绍的：

//最外层轮播容器
 <div class="mui-slider">

// mui-slider-loop是是否需要循环，最后一张图片展示结束后，继续滑动屏幕是否能直接弹到第一张图片
//其实原理很简单，比如五张图片：1,2,3,4,5，我们只要在mui-slider-item 插入顺序5,1,2,3,4,5,1
//即可实现循环
		    	<div class="mui-slider-group mui-slider-loop">
		    		<div class="mui-slider-item ">
			       <a href="#">
                <img src="../img/xc/xc5.png">
              </a>
			    </div>
			    
			    <div class="mui-slider-item">
			      <a href="#">
                <img src="../img/xc/xc1.png"&