浏览代码

添加演示方块:沙盒浏览器

yangdingli 3 年之前
父节点
当前提交
59caac9fa0

+ 1 - 0
show-server/src/main/resources/server-page.xml

@ -12,6 +12,7 @@
12 12
    <!-- 自定义拍照插件可根据参数旋转图片 -->
13 13
    <action name="CustomCameraOrientation" template="template/webapp/plugins/customCameraOrientation.html"></action>
14 14
    <action name="File" 	template="template/webapp/plugins/file/file.html"></action>
15
    <action name="SandBox"     template="template/webapp/plugins/file/sandbox.html"></action>
15 16
    <action name="FileDetail" template="template/webapp/plugins/file/fileDetail.html"></action>
16 17
    <action name="Storage" 	template="template/webapp/plugins/storage.html"></action>
17 18
    <action name="UI" 		template="template/webapp/plugins/ui/ui.html"></action>

+ 15 - 0
show-server/src/main/webapp/biz/js/plugins/file/sandbox.js

@ -0,0 +1,15 @@
1
require(["ipuMobile", "jcl", "jquery", "ipuUI"], function (IpuMobile, Wade, $, ipuUI) {
2
	$(function() {
3
		$(".ipu-btn").click(function(){
4
			var json = {"path":"", "autoClose":"1"};
5
			var params = JSON.stringify(json);
6
			IpuMobile.showSandBox(params, function (result) {
7
				console.log(result)
8
				ipuUI.toast(result)
9
			})
10
		})
11
12
13
	});
14
15
});

+ 4 - 0
show-server/src/main/webapp/ipu/frame/mobile/expand-mobile.js

@ -733,6 +733,10 @@ define(["require", "jcl"], function (require, Wade) {
733 733
      } ,chooseFile:function(callback){
734 734
        storageCallback("chooseFile",callback);
735 735
        execute("chooseFile",[]);
736
      }, showSandBox: function (params, callback, err) {
737
        // 跳转沙盒文件浏览器
738
        storageCallback("showSandBox", callback);
739
        execute("showSandBox", [params], err);
736 740
      }, showSliderVerify: function (params, callback, err) {
737 741
        // 显示滑块验证
738 742
        storageCallback("showSliderVerify", callback);

+ 48 - 0
show-server/src/main/webapp/template/webapp/plugins/file/sandbox.html

@ -0,0 +1,48 @@
1
<!DOCTYPE html>
2
<html>
3
<head>
4
<title>沙盒浏览器</title>
5
{%>template/common/Head.html%}
6
<script type="text/javascript" src="biz/js/plugins/sandbox.js"></script>
7
</head>
8
<body>
9
10
<div class="ipu-flex-row ipu-flex-vertical">
11
		<div class="ipu-flex-col">
12
			<header class="ipu-toolbar">
13
				<h1 class="ipu-toolbar-title">沙盒浏览器</h1>
14
				<a class="ipu-fn-left page-back" href="javascript:;"> <i
15
					class="ipu-icon mdi mdi-chevron-left"></i>
16
				</a>
17
			</header>
18
		</div>
19
20
	<div class="ipu-flex-col ipu-flex-col-auto">
21
		<div class="page-content">
22
			<div class="demo-item">
23
				<div class="demo-body">
24
					<div class="ipu-list ipu-list-form">
25
						<ul>
26
							<li class="ipu-list-item">
27
								<div class="ipu-list-item-inner">
28
									<div class="ipu-list-item-label">沙盒浏览器</div>
29
								</div>
30
							</li>
31
							<li class="ipu-list-item">
32
								<div class="ipu-list-item-inner">
33
									<div class="ipu-list-item-label">打开浏览器</div>
34
									<div class="ipu-list-item-input-wrap">
35
										<button class="ipu-btn">打开</button>
36
									</div>
37
								</div>
38
							</li>
39
						</ul>
40
					</div>
41
				</div>
42
			</div>
43
		</div>
44
	</div>
45
	</div>
46
47
</body>
48
</html>

+ 5 - 0
show-server/src/main/webapp/template/webapp/plugins/index-list.html

@ -34,6 +34,11 @@
34 34
	        <div class="ipu-icon mdi mdi-folder"></div>
35 35
	        <p>文件</p>
36 36
	    </li>
37
	    
38
	     <li data-action="SandBox">
39
	        <div class="ipu-icon mdi mdi-folder"></div>
40
	        <p>沙盒</p>
41
	    </li>
37 42
38 43
	    <li data-action="Storage">
39 44
	        <div class="ipu-icon mdi mdi-database-search"></div>