<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="JQ/jquery.mobile-1.4.3.min.css">
<script src="JQ/jquery-1.11.1.min.js"></script>
<script src="JQ/jquery.mobile-1.4.3.min.js"></script>
</head>
<style>
#custom-collapsible {
background-color: #FFCC99 !important;
}
#custom-collapsible h1 a {
background: #FFCC99 !important;
}
</style>
<body>
<div data-role="page" id="pageone">
<div data-role="header">
<a href="#" data-role="button" data-icon="carat-l" data-iconpos="notext" value="Icon only"></a>
<h1>Page Title</h1>
<a href="#" data-role="button" data-icon="bars" data-iconpos="notext" value="Icon only"></a>
</div>
<div data-role="content">
<p>Order Status: Complated</p>
<p>Order Number: 123605444</p>
<div data-role="collapsible" data-collapsed="false" data-iconpos="none" id="custom-collapsible">
<h1>Order Money: <span style="color: white;float: right">$1500</span></h1>
<p>I'm now expanded by default.</p>
<p>I'm now expanded by default.</p>
</div>
<div data-role="collapsible" data-collapsed="false" data-iconpos="none" id="custom-collapsible">
<h1>Order Details</h1>
<p>Sungsang S5300 White 32GB 3G</p>
<p>I'm now expanded by default.</p>
<hr>
<p>I'm now expanded by default.</p>
<p>I'm now expanded by default.</p>
</div>
<div data-role="collapsible" data-collapsed="false" data-iconpos="none" id="custom-collapsible">
<h1>Customer Name: chen <span style="color: white;float: right">180 3819 0893</span></h1>
<p>Shanghai 498,23#106 china</p>
</div>
<a href="#" data-role="button" style="text-align: left;background: #FFCC99;color: #000000">Payment method: Arrived</a>
</div>
<a href="#" data-role="button">Get Money: $ 200</a>
</div>
</body>
</html>
html5
最新推荐文章于 2024-08-30 22:48:08 发布
扫一扫
3800
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
