evaluate.html 7.2 KB
<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="http://at.alicdn.com/t/font_647640_n3cow34ja3gzaor.css" />
		<link rel="stylesheet" type="text/css" href="../css/swiper-3.4.2.min.css" />
		<!--<link rel="stylesheet" type="text/css" href="../css/init.css" />-->
		<link rel="stylesheet" type="text/css" href="http://at.alicdn.com/t/font_647640_rgou3w6dip.css" />
		<link rel="stylesheet" type="text/css" href="../css/myweui.css" />
		<link rel="stylesheet" type="text/css" href="../css/myorder/evaluate.css" />
		<script src="../js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/base.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/myweui.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/weui.js" type="text/javascript" charset="utf-8"></script>
		<title>评价</title>
	</head>

	<body>
		<div class="container">
			<!--已完成-->
			<div id="toast" style="display: none;">
				<div class="weui-mask_transparent"></div>
				<div class="weui-toast">
					<i class="weui-icon-success-no-circle weui-icon_toast"></i>
					<p class="weui-toast__content">已完成</p>
				</div>
			</div>
			<!--加载中-->
			<div id="loadingToast" style="display:none;">
				<div class="weui-mask_transparent"></div>
				<div class="weui-toast">
					<i class="weui-loading weui-icon_toast"></i>
					<p class="weui-toast__content">数据加载中</p>
				</div>
			</div>
			
			
			<div class="evaluate_textbox">
				<textarea name="" rows="" cols="" placeholder="请在这里填写评价" class="evalutecontent"></textarea>
				<span class="limit">0/50字</span>
			</div>
			<div class="limit_text">
				最多上传三张照片
			</div>
			<div class="evaluate_pic_list">
				<div style="overflow: hidden;" class="addimg">
				<!--<div class="evaluate_pic_item" style="float:left">
					<img src="../img/矩形6拷贝2@2x.png" />
					<div class="icon">
						<img src="../img/10拷贝2@2x_59.png" />
					</div>
					
				</div>
				<div class="evaluate_pic_item" style="float:left">
					<img src="../img/矩形6拷贝2@2x.png" />
					<div class="icon">
						<img src="../img/10拷贝2@2x_59.png" />
					</div>	
				</div>-->
				<!--<div class="evaluate_pic_item" style="float:left">
					<img src="../img/矩形6拷贝2@2x.png" />
					<div class="icon">
						<img src="../img/10拷贝2@2x_59.png" />
					</div>	
				</div>-->
				</div>
				
				
				<!--<div class="evaluate_pic_item">
					<img src="../img/矩形6拷贝2@2x.png" />
					<div class="icon">
						<img src="../img/10拷贝2@2x_59.png" />
					</div>
				</div>
				<div class="evaluate_pic_item">
					<img src="../img/矩形6拷贝2@2x.png" />
					<div class="icon">
						<img src="../img/10拷贝2@2x_59.png" />
					</div>
				</div>
				<div class="evaluate_pic_item evaluate_pic_itembox">
					<p>上传照片</p>
				</div>-->
				<!--<div style="margin-left: 0.3rem;display:none;position:relative" class="imgone img">
					<div id="preview">
			            <img id="imghead" border="0" src="../img/3@2x.png" style="width:60px;height:60px;";onclick="$('#previewImg').click();">			 
					</div>
				<!--<p style="font-size: 0.1rem;text-align: center;margin: 0;">删除</p>-->
			       	<!--<img src="../img/delet.png" alt="" style="position:absolute;bottom:92px;left:46px" class="deleteimg"/>
	        		<input type="file" onchange="previewImage(this)" style="display: none;" id="previewImg" style="position:absolute">
	        		<input type="text" value="" class="pic" hidden />
	        		<p style="font-size: 0.26rem;color: #999999;margin-top: 5px;text-align: center;">上传图片1</p>
        		</div>-->
        		<!--<div style="display:none;position:relative" class="imgone img">
					<div id="preview">
			            <img id="imghead" border="0" src="../img/3@2x.png" style="width:60px;height:60px;" onclick="$('#previewImg').click();">
			        </div>
			        <img src="../img/delet.png" alt="" style="position:absolute;bottom:92px;left:46px" class="deleteimg"/>
	        		<input type="file" onchange="previewImage(this)" style="display: none;" id="previewImg">
	        		<input type="text" value="" class="pic1" hidden/>
	        		<p style="font-size: 0.26rem;color: #999999;margin-top: 5px;text-align: center;">上传图片1</p>
        		</div>
        		<div style="margin-left: 1rem;display:none;position:relative" class="imgtwo img">
					<div id="preview1">
			            <img id="imghead1" border="0" src="../img/3@2x.png" style="width:60px;height:60px;" onclick="$('#previewImg1').click();">
			        </div>
			        <img src="../img/delet.png" alt="" style="position:absolute;bottom:92px;left:46px" class="deleteimg"/>
	        		<input type="file" onchange="previewImage1(this)" style="display: none;" id="previewImg1">
	        		<input type="text" value="" class="pic1" hidden/>
	        		<p style="font-size: 0.26rem;color: #999999;margin-top: 5px;text-align: center;">上传图片2</p>
        		</div>
        		<div style="margin-left: 1rem;display:none;position:relative" class="imgthree img">
					<div id="preview2">
			            <img id="imghead2" border="0" src="../img/3@2x.png" style="width:60px;height:60px;" onclick="$('#previewImg2').click();">
			        </div>
			        <img src="../img/delet.png" alt="" style="position:absolute;bottom:92px;left:46px" class="deleteimg"/>
	        		<input type="file" onchange="previewImage2(this)" style="display: none;" id="previewImg2">
	        		<input type="text" value="" class="pic2" hidden/>
	        		<p style="font-size: 0.26rem;color: #999999;margin-top: 5px;text-align: center;">上传图片3</p>
        		</div>-->
        		<div class="imgone" style="margin-left: 15px;">
                    <!--../img/addimg.png-->
					<div id="preview">
			            <img id="imghead" border="0" src="../img/3@2x.png" style="width:50px;height:50px" onclick="$('#previewImg').click();">
			        </div>
			        <!--<img src="../img/delet.png" alt="" style="position:absolute;bottom:92px;left:46px" class="deleteimg"/>-->
	        		<input type="file" onchange="previewImage(this)" style="display: none;" id="previewImg">
        		</div>
        		<!--<div class="addimg" style="margin-left: 20px;">
        			<img src="../img/addimg.png" alt="" />
        		</div>-->
			</div>
			
			<div class="footer">
				提交
			</div>
		</div>
		<script src="../js/vue.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/swiper-3.4.2.jquery.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/cookie.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/evalute.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			var footer = document.getElementsByClassName('footer')[0];
			var toast = document.getElementById('toast');
			var loadingToast = document.getElementById('loadingToast')[0];
//			footer.onclick = function(){
//				toast.style.display = 'block';
//				setTimeout(function() {
//				window.location.href = 'myorder.html';
//			},2000)
//			} 
		</script>
	</body>

</html>