web
/
smart-app


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990
							<!DOCTYPE html>
<html lang="zh-cn">

	<head>
		<meta charset="UTF-8">
		<title class="title">[文件管理器]</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<style type="text/css">
			.content {background: transparent;}
			.fixed {position: fixed;bottom: 0;left: 0;right: 0;width: 100%;height: 100%;}
		    .content .mask {top: 0;background: rgba(0,0,0,.4);z-index: 90;} 
			.fixed-content{z-index: 91;position: fixed;bottom: 0;left: 0;right: 0;width: 100%;background: #fff;text-align: center;}
			.btn {position: relative;}
			.btn .file {position: absolute;z-index: 93;left: 0;right: 0;top: 0;bottom: 0;height: 60px;width: 100%;opacity: 0;}
			.btn-bg {margin-top: 10px;background: #0066CC;color: #fff;width: 80%;height: 40px;border: 0;border-radius: 5px;}
			.tis {top: 0;z-index: 95;display: none;justify-content: center;align-items: center;}
			.tis .tis-content {background: #fff;width: 60%;border-radius: 10px;padding: 20px 0;}
			.tis .tis-content img {width: 50px;height: 50px;}
			.tis-progress {margin: 10px 0;color: #999;}
			.cancel-btn {margin-top: 30px;height: 30px;line-height: 1;padding: 0 2em;background: #e3e3e3;color: #898989;border: 0;border-radius: 5px;}
		     .menuImageTask{
		     	height: 60px;
		     	width: 60px;
		     }
			 .flex {
			 	display: flex;
			 }
			 .justify-center {
			 	justify-content: center;
			 }
			 .padding {
			 	padding: 10px;
			 }
			 .boderbo{
			 	 border-bottom: 1px solid #F7F7F7;
			 }
			 .fixed-content_center{display: flex;justify-content: space-around;padding: 20px 20px;font-size: 16px;color: #101010;}
			 .fixed-content_center .menuImageTask{width: 50px;height: 50px;}
		</style>
	</head>

	<body>
		
		<div class="content">
			
			<div class="fixed mask"></div>
			
			<div align="center" class="fixed tis">
				<div class="tis-content">
					<div class="tis-progress">
						上传中..
					</div>
				</div>
			</div>
			
			<div class="fixed-content" style="border-radius: 10px 10px 0 0;">
				<div style="padding-top: 20px;">
					 <text>目前只支持上传以下类型的文件</text>
				</div>
				<div class="fixed-content_center">
					<div>
						<image class="menuImageTask" src="../../static/task/excel.png"></image>
						<div>表格</div>
					</div>
					<div>
						<image class="menuImageTask" src="../../static/task/word.png"></image>
						<div>WORD文档</div>
					</div>
					<div>
						<image class="menuImageTask" src="../../static/task/pdf.png"></image>
						<div>PDF文档</div>
					</div>
					<div>
						<image class="menuImageTask" src="../../static/task/image.png"></image>
						<div>图片</div>
					</div>
					
				</div>
				<div class="btn " style="border-top: 1px solid #EAEAEA;padding-bottom: 15px;">
					<button type="button" class="btn-bg" style="background-color: white;color:#101010;font-weight: bold;font-size: 16px;">确定</button>
					<input class="file" type="file" />
				</div>
			</div>
		</div>
		
		<script type="text/javascript" src="https://js.cdn.aliyun.dcloud.net.cn/dev/uni-app/uni.webview.1.5.2.js"></script>
		<script src="js/h5-uploader.js" type="text/javascript" charset="utf-8"></script>
	</body>

</html>