<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>订单详情</title> <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" /> <script type="text/javascript" src="../js/base.js"></script> <link rel="stylesheet" type="text/css" href="../assets/css/weui.min.css" /> <link rel="stylesheet" type="text/css" href="../assets/css/swiper-3.4.2.min.css" /> <link rel="stylesheet" type="text/css" href="http://at.alicdn.com/t/font_773803_5o00hpwhlb.css" /> <script type="text/javascript" src="../assets/font/iconfont.js"> </script> <link rel="stylesheet" href="../css/common.css"/> <link rel="stylesheet" href="../css/payed.css" /> </head> <body> <div class="goods"> <span>订单号:20180808001</span> <span class="confirmed">已付定金</span> </div > <div class="goods"> <div class="pic_row"> <span class="pic"> <img src="../images/banner1.jpg" alt="" /> </span> <span class="two"> <span>两天攀岩活动</span> <span> <span>定金 ¥600</span> <span>价格 ¥1190</span> </span> </span> </div> <div></div> </div > <div class="waitoney"> 已付定金 </div> <ul class="list"> <li> <span class="real">出行人A 13612984367 x1 定金600</span> <button class="cancel ">退款</button> </li> <li> <span class="real">出行人A 13612984367 x1 定金600</span> <button class="cancel ">退款</button> </li> <li class="no_line"> <span class="real">出行人A 13612984367 x1 定金600</span> <button class="cancel cancel_active">已发起退款</button> <!--<span class="send">已发起退款</span>--> </li> </ul> <!--确认取消弹出框--> <!--点击取消填写退款原因--> <div class="refund_reason_out" id="refund_reason_out"> <div class="refund_reason"> <i class="iconfont icon-chahao"></i> <textarea name="" rows="" cols="" placeholder="请填写申请退款原因"></textarea> <button class="refund_reason_submit">提交</button> </div> </div> <!--提交后toast的提示--> <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> </body> </html> <script type="text/javascript" src="../assets/js/jquery-2.1.0.js"></script> <script type="text/javascript" src="../assets/js/common.js"></script> <script type='text/javascript' src='../assets/js/Augly_Verification.js'></script> <script> $(function(){ //确认取消弹出框 $('.cancel').click(function(){ var id = $(this).parents('.good_out').data("id"); $('.refund_reason_out').css('display','block'); }) //阻止按钮的点击冒泡 $('.btnlist').click(function(event) { event.stopPropagation(); }); $('.choice .swiper-slide').click(function(){ $(this).addClass("active_top").siblings().removeClass("active_top"); }) // //点击提交 $('.refund_reason_submit').click(function(){ $('.refund_reason_out').css('display','none'); setTimeout("toast('提交成功');",900) }) $('.list button').click(function(){ $(this).attr('class','cancel cancel_active'); $(this).html('已发起退款'); }) $('.refund_reason_out').click(function(event){ $(this).css('display','none'); }) $('.icon-chahao').click(function(){ $(this).parents('.refund_reason_out').css('display','none'); }) $('.refund_reason').click(function(event){ event.stopPropagation(); }) }) </script>