页面展示
代码展示
因为苹果手机只用主home键,无法返回上一个页面,所有添加一个带返回键的标题栏
<header class="mui-bar mui-bar-nav">
<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
<h1 class="mui-title">浙商大武术协会</h1>
</header>
接下来是图片轮播,如果正常放置图片,顺序123即可,如果想要图片轮播,则要3 123 1,让开头结尾知道自己循环的上一个和下一个。部分图片添加了链接。
<div class="mui-slider">
<div class="mui-slider-group mui-slider-loop">
<div class="mui-slider-item mui-slider-item-duplicate"><a href="#"><img src="images/3.jpg" width="300" height="235"/></a></div>
<div class="mui-slider-item"><a href="#"><img src="images/1.jpg" width="300" height="235"/></a></div>
<div class="mui-slider-item"><a href="introduce.html"><img src="images/2.jpg" width="300" height="235"/></a></div>
<div class="mui-slider-item"><a href=