kero
Version:
75 lines (64 loc) • 2.01 kB
HTML
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<link rel="stylesheet" href="../../../vendor/uui/assets/fonts/font-awesome/css/font-awesome.min.css">
<link rel="stylesheet" type="text/css" href="../../../vendor/uui/css/u.css">
<style>
html, body{
width:100%;
height:100%;
margin:0px;
}
</style>
</head>
<body>
<div class="u-mdlayout">
<div class="u-mdlayout-master">
<div class="u-mdlayout-page" id="m1">
<div class="u-mdlayout-page-header">
<div class="u-mdlayout-header-func">
</div>
<label class="text-center">材料结算单</label>
</div>
<div class="u-mdlayout-page-section">
<div>section</div>
</div>
<div class="u-mdlayout-page-footer">
</div>
</div>
</div>
<div class="u-mdlayout-detail">
<div class="u-mdlayout-page" id="list">
<div class="u-mdlayout-page-header">
<div class="u-mdlayout-header-func">
<span class="fa fa-reorder fa-2x" id="expandbtn"></span>
</div>
<span>title</span>
</div>
<div class="u-mdlayout-page-section">
<div>section</div>
</div>
<div class="u-mdlayout-page-footer">
</div>
</div>
<div class="u-mdlayout-page" id="masterInfo">
<div class="u-mdlayout-page-header">
<div class="u-mdlayout-header-func">
<span class="fa fa-arrow-left fa-2x" id="backbtn" style="display: block;"></span>
</div>
<label class="text-center">结算单信息</label>
</div>
<div class="u-mdlayout-page-section">
<div>section</div>
</div>
<div class="u-mdlayout-page-footer">
</div>
</div>
</div>
</div>
<script src="../../../vendor/uui/js/u-polyfill.js"></script>
<script src="../../../vendor/uui/js/u-ui.js"></script>
</body>
</html>