ホーム エスクプローラ ヘルプ
登録 サインイン
bulomakaka
/
ekexiu.app
Watch 2
Star 1
Fork 0
コード 課題 0 プルリクエスト 0 コミット 192 リリース 0 Wiki
ソースを参照

新加页面

xuchunyang 8 年 前
親
0c7bbe3d2a
コミット
8df9772ba6
共有1 個のファイルを変更した、139 個の追加 と 0 個の削除を含む
分割表示 差分情報を表示
  1. 139 0
      app/html/index_centen.html

+ 139 - 0
app/html/index_centen.html
ファイルの表示 

@ -0,0 +1,139 @@
1 
<!doctype html>
2 
<html>
3
4 
	<head>
5 
		<meta charset="UTF-8">
6 
		<title></title>
7 
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
8 
		<link href="../css/mui.min.css" rel="stylesheet" />
9 
		<link href="../css/app.css" rel="stylesheet" />
10 
		<link href="../css/iconfont.css" rel="stylesheet" />
11 
	</head>
12
13 
	<body>
14
15 
		<!-- 主页面内容容器 -->
16 
		<div class="mui-content mui-scroll-wrapper" id="pullrefresh" >
17 
			<div class="mui-scroll">
18 
				<!-- 主界面具体展示内容 -->
19 
				<!--图片轮播-->
20 
				<div id="slider" class="mui-slider">
21 
					<div class="mui-slider-group mui-slider-loop">
22 
						<!-- 额外增加的一个节点(循环轮播：第一个节点是最后一张轮播) -->
23 
						<div class="mui-slider-item mui-slider-item-duplicate">
24 
							<a>
25 
								<img src="../images/banner/4.jpg">
26 
							</a>
27 
						</div>
28 
						<!-- 第一张 -->
29 
						<div class="mui-slider-item">
30 
							<a>
31 
								<img src="../images/banner/1.jpg">
32 
							</a>
33 
						</div>
34 
						<!-- 第二张 -->
35 
						<div class="mui-slider-item">
36 
							<a>
37 
								<img src="../images/banner/2.jpg">
38 
							</a>
39 
						</div>
40 
						<!-- 第三张 -->
41 
						<div class="mui-slider-item">
42 
							<a>
43 
								<img src="../images/banner/3.jpg">
44 
							</a>
45 
						</div>
46 
						<!-- 第四张 -->
47 
						<div class="mui-slider-item">
48 
							<a>
49 
								<img src="../images/banner/4.jpg">
50 
							</a>
51 
						</div>
52 
						<!-- 额外增加的一个节点(循环轮播：最后一个节点是第一张轮播) -->
53 
						<div class="mui-slider-item mui-slider-item-duplicate">
54 
							<a>
55 
								<img src="../images/banner/1.jpg">
56 
							</a>
57 
						</div>
58 
					</div>
59 
					<div class="mui-slider-indicator">
60 
						<div class="mui-indicator mui-active"></div>
61 
						<div class="mui-indicator"></div>
62 
						<div class="mui-indicator"></div>
63 
						<div class="mui-indicator"></div>
64 
					</div>
65 
				</div>
66 
				<!-- 九宫格排版-->
67 
				<div class="mui-card-content conblock">
68 
					<div class="maintitbox">
69 
						<div class="maintit">热门领域</div>
70 
					</div>
71 
					<ul class="mui-table-view mui-grid-view mui-grid-9 gridbg">
72 
						<li class="mui-table-view-cell mui-media mui-col-xs-4" data-title="材料失效与保护">
73 
							<a>
74 
								<div class="fieldicon">
75 
									<img src="../images/field_icon/field05.png" />
76 
								</div>
77 
								<div class="mui-media-body">材料失效与保护</div>
78 
							</a>
79 
						</li>
80 
						<li class="mui-table-view-cell mui-media mui-col-xs-4" data-title="材料表面与界面">
81 
							<a>
82 
								<div class="fieldicon">
83 
									<img src="../images/field_icon/field02.png" />
84 
								</div>
85 
								<div class="mui-media-body">材料表面与界面</div>
86 
							</a>
87 
						</li>
88 
						<li class="mui-table-view-cell mui-media mui-col-xs-4" data-title="黑色金属及其合金">
89 
							<a>
90 
								<div class="fieldicon">
91 
									<img src="../images/field_icon/field07.png" />
92 
								</div>
93 
								<div class="mui-media-body">黑色金属及其合金</div>
94 
							</a>
95 
						</li>
96 
						<li class="mui-table-view-cell mui-media mui-col-xs-4" data-title="金属材料">
97 
							<a>
98 
								<div class="fieldicon">
99 
									<img src="../images/field_icon/field18.png" />
100 
								</div>
101 
								<div class="mui-media-body">金属材料</div>
102 
							</a>
103 
						</li>
104 
						<li class="mui-table-view-cell mui-media mui-col-xs-4" data-title="有色金属及其合金">
105 
							<a>
106 
								<div class="fieldicon">
107 
									<img src="../images/field_icon/field04.png" />
108 
								</div>
109 
								<div class="mui-media-body">有色金属及其合金</div>
110 
							</a>
111 
						</li>
112 
						<li class="mui-table-view-cell mui-media mui-col-xs-4" data-title="材料检测与分析技术">
113 
							<a>
114 
								<div class="fieldicon">
115 
									<img src="../images/field_icon/field16.png" />
116 
								</div>
117 
								<div class="mui-media-body">材料检测与分析技术</div>
118 
							</a>
119 
						</li>
120 
					</ul>
121 
				</div>
122 
				<!--图文列表-->
123 
				<div class="mui-card-content conblock">
124 
					<div class="maintitbox">
125 
						<div class="maintit">热门专家</div>
126 
					</div>
127 
					<!--数据列表-->
128 
					<ul class="mui-table-view mui-table-view-chevron list">
129
130 
					</ul>
131 
				</div>
132 
			</div>
133 
		</div>
134 
		<script src="../js/public/mui.min.js"></script>
135 
		<script src="../js/public/base.js"></script>
136 
		<script src="../js/index.js"></script>
137 
	</body>
138
139 
</html>