Home Verkennen Help
Inloggen
ipu
/
ipu-guide
Volgen 10
Ster 1
Vork 0
Code Kwesties 0 Pull-aanvragen 0 Commits 486 Publicaties 1 Wiki
Bladeren bron

屏蔽3.0之后新功能界面&&新增navBar.html

leijie 4 jaren geleden
bovenliggende
f571bad4b1
commit
fd0a678e4b
2 gewijzigde bestanden met toevoegingen van 113 en 58 verwijderingen
Split View Toon Diff Stats
  1. 52 0
      show-server/src/main/webapp/template/webapp/jsComponent/navBar.html
  2. 61 58
      show-server/src/main/webapp/template/webapp/plugins/index-list.html

+ 52 - 0
show-server/src/main/webapp/template/webapp/jsComponent/navBar.html
Bestand weergeven 

@ -0,0 +1,52 @@
1 
<!DOCTYPE html>
2 
<html>
3 
<head>
4 
<title>导航</title> {%>template/common/Head.html%}
5 
<script src="biz/js/navbar.js"></script>
6 
</head>
7
8 
<body class="">
9 
	<div class="ipu-flex-row ipu-flex-vertical">
10 
		<div class="ipu-flex-col">
11 
			<header class="ipu-toolbar">
12 
				<a class="ipu-fn-left page-back" href="javascript:;"> <i
13 
					class="ipu-icon mdi mdi-chevron-left"></i>
14 
				</a>
15 
				<h1 class="ipu-toolbar-title">导航</h1>
16 
			</header>
17 
		</div>
18 
		<div class="ipu-flex-col ipu-flex-col-auto">
19 
			<div class="ipu-flex-content">
20 
				<div class="ipu-nav-content">
21 
					<ul>
22 
						<li>内容1</li>
23 
						<li>内容2</li>
24 
						<li>内容3</li>
25 
						<li>标签4的内容标签4的内容标签4的内容标签4的内容标签4的内容标签4的内容标签4的内容标签4的内容标签4的内容</li>
26 
						<li>标签5的内容标签5的内容标签5的内容标签5的内容标签5的内容标签5的内容标签5的内容标签5的内容</li>
27 
					</ul>
28 
				</div>
29 
			</div>
30 
		</div>
31 
		<div class="ipu-flex-col">
32 
			<nav class="ipu-navbar">
33 
				<a class="ipu-navbar-item " href="javascript:;"> <span
34 
					class="ipu-icon mdi mdi-home"></span> <span
35 
					class="ipu-navbar-item-label">首页</span>
36 
				</a> <a class="ipu-navbar-item" href="javascript:;"> <span
37 
					class="ipu-icon mdi mdi-image"></span> <span
38 
					class="ipu-navbar-item-label">图标</span>
39 
				</a> <a class="ipu-navbar-item " href="javascript:;"> <span
40 
					class="ipu-icon mdi mdi-comment"></span> <span
41 
					class="ipu-navbar-item-label">组件</span>
42 
				</a> <a class="ipu-navbar-item" href="javascript:;"> <span
43 
					class="ipu-icon mdi mdi-basecamp"></span> <span
44 
					class="ipu-navbar-item-label">更多</span>
45 
				</a>
46 
			</nav>
47 
		</div>
48
49 
	</div>
50
51 
</body>
52 
</html>

+ 61 - 58
show-server/src/main/webapp/template/webapp/plugins/index-list.html
Bestand weergeven 

@ -135,65 +135,68 @@
135 135 
	        <p>下载文件</p>
136 136 
	    </li>
137 137
138 
		<li data-action="Face">
139 
	        <div class="ipu-icon mdi mdi-face"></div>
140 
	        <p>人脸识别</p>
141 
	    </li>
142
143 
	    <li data-action="ShortVideo">
144 
	        <div class="ipu-icon mdi mdi-video-image"></div>
145 
	        <p>短视频</p>
146 
	    </li>
147
148 
		<li data-action="OCR">
149 
			<div class="ipu-icon mdi mdi-camera-image"></div>
150 
			<p>OCR</p>
151 
		</li>
152
153 
	    <li data-action="SysLocation">
154 
	        <div class="ipu-icon mdi mdi-crosshairs-gps"></div>
155 
	        <p>系统定位</p>
156 
	    </li>
157
158 
		<li data-action="asr">
159 
	        <div class="ipu-icon mdi mdi-music"></div>
160 
	        <p>语音识别</p>
161 
	    </li>
162
163 
	    <li data-action="cordova">
164 
	        <div class="ipu-icon mdi mdi-cordova"></div>
165 
	        <p>cordova</p>
166 
	    </li>
167
168 
		<li data-action="smsListener">
169 
			<div class="ipu-icon mdi mdi-verified"></div>
170 
			<p>验证码</p>
171 
		</li>
172
173 
		<li data-action="sensorListener">
174 
			<div class="ipu-icon mdi mdi-remote"></div>
175 
			<p>传感器</p>
176 
		</li>
177
178 
		<li data-action="envSwitch">
179 
		  <div class="ipu-icon mdi mdi-swap-horizontal"></div>
180 
		  <p>环境切换</p>
181 
		</li>
182
183 
		<li data-action="shortVideoPlatform">
184 
			<div class="ipu-icon mdi mdi-file-video"></div>
185 
			<p>短视频平台</p>
186 
		</li>
187
188 
		<li data-action="LifeCycle">
189 
			<div class="ipu-icon mdi mdi-file-video"></div>
190 
			<p>前后台切换</p>
191 
		</li>
192 138
193 
		<li data-action="CaptureAuthority">
194 
			<div class="ipu-icon mdi mdi-image-area-close"></div>
195 
			<p>截图权限</p>
196 
		</li>
139 
		<!--3.0版本新功能-->
140
141 
	    <!--<li data-action="ShortVideo">-->
142 
	        <!--<div class="ipu-icon mdi mdi-video-image"></div>-->
143 
	        <!--<p>短视频</p>-->
144 
	    <!--</li>-->
145
146 
		<!--<li data-action="Face">-->
147 
			<!--<div class="ipu-icon mdi mdi-face"></div>-->
148 
			<!--<p>人脸识别</p>-->
149 
		<!--</li>-->
150
151 
		<!--<li data-action="OCR">-->
152 
			<!--<div class="ipu-icon mdi mdi-camera-image"></div>-->
153 
			<!--<p>OCR</p>-->
154 
		<!--</li>-->
155
156 
	    <!--<li data-action="SysLocation">-->
157 
	        <!--<div class="ipu-icon mdi mdi-crosshairs-gps"></div>-->
158 
	        <!--<p>系统定位</p>-->
159 
	    <!--</li>-->
160
161 
		<!--<li data-action="asr">-->
162 
	        <!--<div class="ipu-icon mdi mdi-music"></div>-->
163 
	        <!--<p>语音识别</p>-->
164 
	    <!--</li>-->
165
166 
	    <!--<li data-action="cordova">-->
167 
	        <!--<div class="ipu-icon mdi mdi-cordova"></div>-->
168 
	        <!--<p>cordova</p>-->
169 
	    <!--</li>-->
170
171 
		<!--<li data-action="smsListener">-->
172 
			<!--<div class="ipu-icon mdi mdi-verified"></div>-->
173 
			<!--<p>验证码</p>-->
174 
		<!--</li>-->
175
176 
		<!--<li data-action="sensorListener">-->
177 
			<!--<div class="ipu-icon mdi mdi-remote"></div>-->
178 
			<!--<p>传感器</p>-->
179 
		<!--</li>-->
180
181 
		<!--<li data-action="envSwitch">-->
182 
		  <!--<div class="ipu-icon mdi mdi-swap-horizontal"></div>-->
183 
		  <!--<p>环境切换</p>-->
184 
		<!--</li>-->
185
186 
		<!--<li data-action="shortVideoPlatform">-->
187 
			<!--<div class="ipu-icon mdi mdi-file-video"></div>-->
188 
			<!--<p>短视频平台</p>-->
189 
		<!--</li>-->
190
191 
		<!--<li data-action="LifeCycle">-->
192 
			<!--<div class="ipu-icon mdi mdi-file-video"></div>-->
193 
			<!--<p>前后台切换</p>-->
194 
		<!--</li>-->
195
196 
		<!--<li data-action="CaptureAuthority">-->
197 
			<!--<div class="ipu-icon mdi mdi-image-area-close"></div>-->
198 
			<!--<p>截图权限</p>-->
199 
		<!--</li>-->
197 200
198 201 
	</ul>
199 202 
</div>