Sākums Izpētīt Palīdzība
Reģistrēties Pierakstīties
bulomakaka
/
ekexiu.app
Vērot 2
Pievienot zvaigznīti 1
Atdalīts 0
Kods Problēmas 0 Izmaiņu pieprasījumi 0 Revīzijas 186 Laidieni 0 Vikivietne
Pārlūkot izejas kodu

首页iOSbug修改

xuchunyang 8 gadi atpakaļ
vecāks
4b091b04d6
revīzija
11108f715e
2 mainītis faili ar 149 papildinājumiem un 153 dzēšanām
Dalītais skats Rādīt salīdzināšanas statistiku
  1. 147 152
      app/html/index_home.html
  2. 2 1
      app/js/index.js

+ 147 - 152
app/html/index_home.html
Parādīt failu 

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

+ 2 - 1
app/js/index.js
Parādīt failu 

@ -43,7 +43,8 @@ mui.init({
43 43 
		container: '#pullrefresh',
44 44 
		up: {
45 45 
			contentrefresh: '正在加载...',
46 
			auto:true,
46 
			//auto:true,
47 
			height:0,
47 48 
			callback: pullupRefresh
48 49 
		}
49 50 
	}