wisdom-union
/
ListTemplate7.html

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title>党建工作和政务公开</title>
    <script src="js/mui.min.js"></script>
    <link href="css/mui.min.css" rel="stylesheet"/>
	<link rel="stylesheet" href="css/list7.css">
	<link rel="stylesheet" href="css/css.css">
    <script type="text/javascript" charset="utf-8">
      	mui.init();
    </script>
</head>
<body>
<!-- 滚动列表开始 -->
<div class="mui-scroll-wrapper mui-slider-indicator mui-segmented-control mui-segmented-control-inverted">
    <div class="mui-scroll">
        <a class="mui-control-item mui-active">
			精选
        </a>
        <a class="mui-control-item">
            期刊
        </a>
        <a class="mui-control-item">
            图书
        </a>
        <a class="mui-control-item">
            报纸
        </a>
        <a class="mui-control-item">
            娱乐
        </a>
        <a class="mui-control-item">
            科技
        </a>
    </div>
</div>
<!-- 滚动列表结束 -->

<!-- 轮播图开始 -->
<!-- 轮播图开始 -->
<div id="slider" 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/01.jpg">
				</a>
			</div>
			<div class="mui-slider-item">
				<a href="#">
					<img src="images/01.jpg">
				</a>
			</div>
			<div class="mui-slider-item">
				<a href="#">
					<img src="images/01.jpg">
				</a>
			</div>
			<div class="mui-slider-item">
				<a href="#">
					<img src="images/01.jpg">
				</a>
			</div>
			<div class="mui-slider-item">
				<a href="#">
					<img src="images/01.jpg">
				</a>
			</div>
			<!-- 额外增加的一个节点(循环轮播：最后一个节点是第一张轮播) -->
			<div class="mui-slider-item mui-slider-item-duplicate">
				<a href="#">
					<img src="images/01.jpg">
				</a>
			</div>
		</div>
		<div class="mui-slider-indicator mui-text-center">
			<div class="mui-indicator mui-active"></div>
			<div class="mui-indicator"></div>
			<div class="mui-indicator"></div>
			<div class="mui-indicator"></div>
		</div>
	</div>
<!-- 轮播图结束 -->
<!-- 轮播图结束 -->

<!-- 内容列表开始 -->
<!-- 文字列表开始 -->
<p class="title">文字列表 <a href="#" class="mui-pull-right">更多</a></p>
<ul class="mui-table-view">
	<li class="mui-table-view-cell"><a href="#"><i class="mui-icon mui-icon-videocam"></i>第一讲 习近平新时代中国特色社会主义思想是党和国家...</a></li>
	<li class="mui-table-view-cell"><a href="#"><i class="mui-icon mui-icon-videocam"></i>第一讲 习近平新时代中国特色社会主义思想是党和国家...</a></li>
	<li class="mui-table-view-cell"><a href="#"><i class="mui-icon mui-icon-videocam"></i>第一讲 习近平新时代中国特色社会主义思想是党和国家...</a></li>
</ul>
<!-- 文字列表结束 -->

<!-- 图文列表开始 -->
<p class="title">图片列表 <a href="#" class="mui-pull-right">更多</a></p>
<ul class="mui-table-view media">
	<li class="mui-table-view-cell mui-media"><a href="#"><img class="mui-media-object" src="images/01.jpg"><p class='mui-ellipsis'><span>书名</span><span>版本号</span></p></a></li>
	<li class="mui-table-view-cell mui-media"><a href="#"><img class="mui-media-object" src="images/01.jpg"><p class='mui-ellipsis'><span>书名</span><span>版本号</span></p></a></li>
	<li class="mui-table-view-cell mui-media"><a href="#"><img class="mui-media-object" src="images/01.jpg"><p class='mui-ellipsis'><span>书名</span><span>版本号</span></p></a></li>
	<li class="mui-table-view-cell mui-media"><a href="#"><img class="mui-media-object" src="images/01.jpg"><p class='mui-ellipsis'><span>书名</span><span>版本号</span></p></a></li>

	<li class="mui-table-view-cell mui-media"><a href="#"><img class="mui-media-object" src="images/01.jpg"><p class='mui-ellipsis'><span>书名</span><span>版本号</span></p></a></li>
	<li class="mui-table-view-cell mui-media"><a href="#"><img class="mui-media-object" src="images/01.jpg"><p class='mui-ellipsis'><span>书名</span><span>版本号</span></p></a></li>
	<li class="mui-table-view-cell mui-media"><a href="#"><img class="mui-media-object" src="images/01.jpg"><p class='mui-ellipsis'><span>书名</span><span>版本号</span></p></a></li>
	<li class="mui-table-view-cell mui-media"><a href="#"><img class="mui-media-object" src="images/01.jpg"><p class='mui-ellipsis'><span>书名</span><span>版本号</span></p></a></li>
</ul>

<p class="title">图片列表 <a href="#" class="mui-pull-right">更多</a></p>
<ul class="mui-table-view media">
	<li class="mui-table-view-cell mui-media"><a href="#"><img class="mui-media-object" src="images/01.jpg"><p class='mui-ellipsis'><span>书名</span><span>版本号</span></p></a></li>
	<li class="mui-table-view-cell mui-media"><a href="#"><img class="mui-media-object" src="images/01.jpg"><p class='mui-ellipsis'><span>书名</span><span>版本号</span></p></a></li>
	<li class="mui-table-view-cell mui-media"><a href="#"><img class="mui-media-object" src="images/01.jpg"><p class='mui-ellipsis'><span>书名</span><span>版本号</span></p></a></li>
	<li class="mui-table-view-cell mui-media"><a href="#"><img class="mui-media-object" src="images/01.jpg"><p class='mui-ellipsis'><span>书名</span><span>版本号</span></p></a></li>
</ul>
<!-- 图文列表结束 -->

<!-- 内容列表结束 -->
</body>
</html>