<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<title>AZENUI</title>
<link rel="stylesheet" type="text/css" href="ui.css" tppabs="http://azenui.com/css/ui.css">
<link href="favicon.ico" type="image/x-icon" rel="icon">
<link href="iTunesArtwork@2x.png" sizes="114x114" rel="apple-touch-icon-precomposed">
</head>
<body>
<div class="aui-container">
<div class="aui-page">
<div class="aui-t-header">
<div class="header">
<div class="header-background"></div>
<div class="toolbar statusbar-padding">
<button class="bar-button back-button" onclick="history.go(-1);"><i class="icon icon-back"></i></button>
<div class="header-title">
<div class="title">分类切换</div>
</div>
</div>
</div>
</div>
<div class="aui-s-title b-line">
<div class="aui-s-content">
<h2>分类切换</h2>
<p>以图片文字的形式展现,包含标题,摘要内容以及时间</p>
</div>
</div>
<div class="devider b-line"></div>
<!-- 分类切换 begin -->
<div class="" id="container" >
<div id="main" style="transition-timing-function: cubic-bezier(0.1, 0.57, 0.1, 1); transition-duration: 0ms; transform: translate(0px, 0px) translateZ(0px);">
<div id="scroller">
<section class="slider" style="margin:0 auto; width:100%">
<div class="swiper-container swiper-container2 swiper-container-horizontal">
<div class="swiper-wrapper tuangouwidth" style="transition-duration: 0ms; transform: translate3d( 0px, 0px);">
<div class="swiper-slide swiper-slide-duplicate " >
<ul class="icon-list">
<li class="icon">
<a href="#">
<span class="icon-circle"><img src="icon-tuan.png" tppabs="http://azenui.com/js/ba/img/icon-tuan.png"></span>
<span class="icon-desc">团购</span>
</a>
</li>
<li class="icon">
<a href="#">
<span class="icon-circle"><img src="icon-tuan.png" tppabs="http://azenui.com/js/ba/img/icon-tuan.png"></span>
<span class="icon-desc">团购</span>
</a>
</li>
<li class="icon">
<a href="#">
<span class="icon-circle"><img src="icon-tuan.png" tppabs="http://azenui.com/js/ba/img/icon-tuan.png"></span>
<span class="icon-desc">团购</span>
</a>
</li>
<li class="icon">
<a href="#">
<span class="icon-circle"><img src="icon-tuan.png" tppabs="http://azenui.com/js/ba/img/icon-tuan.png"></span>
<span class="icon-desc">团购</span>
</a>
</li>
<li class="icon">
<a href="#">
<span class="icon-circle"><img src="icon-tuan.png" tppabs="http://azenui.com/js/ba/img/icon-tuan.png"></span>
<span class="icon-desc">团购</span>
</a>
</li>
<li class="icon">
<a href="#">
<span class="icon-circle"><img src="icon-tuan.png" tppabs="http://azenui.com/js/ba/img/icon-tuan.png"></span>
<span class="icon-desc">团购</span>
</a>
</li>
<li class="icon">
<a href="#">
<span class="icon-circle"><img src="icon-tuan.png" tppabs="http://azenui.com/js/ba/img/icon-tuan.png"></span>
<span class="icon-desc">团购</span>
</a>
</li>
<li class="icon">
<a href="#">
<span class="icon-circle"><img src="icon-tuan.png" tppabs="http://azenui.com/js/ba/img/icon-tuan.png"></span>
<span class="icon-desc">团购</span>
</a>
</li>
</ul>
</div>
<div class="swiper-slide swiper-slide-duplicate " >
<ul class="icon-list">
<li class="icon">
<a href="#">
<span class="icon-circle"><img src="icon-tuan.png" tppabs="http://azenui.com/js/ba/img/icon-tuan.png"></span>
<span class="icon-desc">团购</span>
</a>
</li>
<li class="icon">
<a href="#">
<span class="icon-circle"><img src="icon-tuan.png" tppabs="http://azenui.com/js/ba/img/icon-tuan.png"></span>
<span class="icon-desc">团购</span>
</a>
</li>
<li class="icon">
<a href="#">
<span class="icon-circle"><img src="icon-tuan.png" tppabs="http://azenui.com/js/ba/img/icon-tuan.png"></span>
<span class="icon-desc">团购</span>
</a>
</li>
<li class="icon">
<a href="#">
<span class="icon-circle"><img src="icon-tuan.png" tppabs="http://azenui.com/js/ba/img/icon-tuan.png"></span>
<span class="icon-desc">团购</span>
</a>
</li>
<li class="icon">
<a href="#">
<span class="icon-circle"><img src="icon-tuan.png" tppabs="http://azenui.com/js/ba/img/icon-tuan.png"></span>
<span class="icon-desc">团购</span>
</a>
</li>
<li class="icon">
<a href="#">
<span class="icon-circle"><img src="icon-tuan.png" tppabs="http://azenui.com/js/ba/img/icon-tuan.png"></span>
<span class="icon-desc">团购</span>
</a>
</li>
<li class="icon">
<a href="#">
<span class="icon-circle"><img src="icon-tuan.png" tppabs="http://azenui.com/js/ba/img/icon-tuan.png"></span>
<span class="icon-desc">团购</span>
</a>
</li>
<li class="icon">
<a href="#">
<span class="icon-circle"><img src="icon-tuan.png" tppabs="http://azenui.com/js/ba/img/icon-tuan.png"></span>
<span class="icon-desc">团购</span>
</a>
</li>
</ul>
</div>
</div>
<div class="swiper-pagination swiper-pagination2 ">
<span class="swiper-pagination-bullet "></span>
<span class="swiper-pagination-bullet "></span>
</div>
</div>
</section>
</div>
</div>
</div>
<!-- 分类切换 end -->
<div class="devider t-line"></div>
<div class="b-line" style="position:relative"></div>
</div>
</div>
</body>
<script src="jquery.min.js" tppabs="http://azenui.com/js/ba/jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script src="aui-scroll.js" tppabs="http://azenui.com/js/ba/aui-scroll.js" type="text/javascript" charset="utf-8"></script>
<script src="aui-index.js" tppabs="http://azenui.com/js/ba/aui-index.js" type="text/javascript" charset="utf-8"></script>
<script src="aui-swipe.js" tppabs="http://azenui.com/js/ba/aui-swipe.js" type="text/javascript" charset="utf-8"></script>
</html>
完整的漂亮手机模板UI库html5
3星 · 超过75%的资源 需积分: 48 51 浏览量
2018-06-25
20:58:29
上传
评论 12
收藏 1.67MB RAR 举报 
手机模板UI库20180625204919.rar （63个子文件） 
手机模板UI库 
jquery.min.js 91KB
btn-search.html 1KB
aui-s.png 1KB aui-scroll.js 50KB aui-m.png 703B api-1.js 18KB aui-custom.js 9KB aui-icon.png 4KB new4.png 173KB
banner4.jpg 144KB nav.html 3KB it.html 2KB banner3.jpg 94KB btn.html 3KB flex.html 3KB aui-nav.png 1KB aui-swipe.js 95KB aui-menu.js 9KB search.html 3KB aui-class.js 1KB aui-z.png 730B aui-tab.js 2KB jquery-1.7.1.min.js 92KB news-list.html 3KB ba.html 3KB aui-toast.js 3KB aui-menu.png 342B index.htm 11KB ui.css 158KB list-ex.html 2KB form-in.html 3KB new2.png 266KB jquery-1.9.1.min.js 358KB badge.html 2KB nine.html 3KB banner2.jpg 107KB form-pu.html 3KB new1.png 408KB class.html 7KB aui-aui-logo.png 4KB textarea.html 1KB api.js 18KB new3.png 144KB yzm.png 1KB aui-touchSlide.js 5KB logo.png 5KB list-news.html 3KB tab.html 3KB list-skip.html 3KB list-icon.html 3KB aui-form.png 843B list-text.html 3KB icon-tuan.png 2KB banner1.jpg 95KB icon.html 2KB up.html 2KB switch.html 3KB sides-nav.html 1KB aui-dialog.js 6KB aui-index.js 2KB dialog.html 3KB toast.html 3KB aui-thumbnail.png 4KB资源评论
芳芳2019-03-04现在做一个手机网站，正好作为参考。
