<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<title>仅退款</title>
<link rel="stylesheet" type="text/css" href="css/mui.min.css" />
<link rel="stylesheet" type="text/css" href="css/iconfont.css" />
<link rel="stylesheet" type="text/css" href="css/main.css" />
</head>
<body>
<div class="mui-content">
<div class="clearing-box">
<ul class="mui-table-view mui-table-view-striped my-grid-view-no mui-table-view-condensed shopping-cart-list">
</ul>
<br />
<ul class="mui-table-view cusomer-ul">
<li>
<div class="mui-input-row">
<label class="lbl-remarks">退款原因</label>
<input class="ipt-remarks" type="text" placeholder="请填写您的退款原因">
</div>
</li>
</ul>
<br />
<p>提示：提交审核成功后，将在3个工作日内退款将退回原支付账户</p>
<br />
<div class="mui-content-padded mui-text-center">
<button type="button" class="my-btn-black">提交</button>
</div>
</div>
</div>
<!-- 加载ing begin-->
<div class="loading covers">
<div class="loading-bj"></div>
<p>正在加载...</p>
</div>
<!-- 加载ing end -->
<script src="js/mui.min.js"></script>
<script src="js/jquery-2.1.1.min.js"></script>
<script src="js/main.js"></script>
<script>
window.addEventListener('pageshow', function(e) {
// 通过persisted属性判断是否存在 BF Cache
if(e.persisted) {
location.reload();
}
});
//dom加载完毕
mui.ready(function() {
var str = "";
for(i = 0; i < 3; i++) {
str += '<div class="mui-table"><div class="mui-table-cell mui-col-xs-5"><img class="mui-media-object wh-100" src="images/pro-bai.png"></div><div class="mui-table-cell table-middle mui-col-xs-7" style="line-height:2.5">柔性声波牙刷<h6>颜色：极光白<span class="center">数量：2</span></h6><div>¥2999.00</div></div></div>';
}
document.querySelector('.shopping-cart-list').innerHTML = str;
$(".loading").hide().css("opacity", "0"); //隐藏（正在加载...）
});
</script>
</body>
</html>