master

分支 (1)

管理

管理

master

front
/
detail.html

<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<title>详情界面</title>

<!-- Sets initial viewport load and disables zooming  -->
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, minimal-ui">

<!-- Makes your prototype chrome-less once bookmarked to your phone's home screen -->
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">

<!-- Include the compiled Ratchet CSS -->
<link href="static/css/ratchet/ratchet.css" rel="stylesheet">

<!-- Include the compiled Ratchet JS -->
<script src="static/js/ratchet/ratchet.js"></script>
</head>
<body>

<!-- Make sure all your bars are the first things in your <body> -->
<header >
</header>

<!-- Wrap all non-bar HTML in the .content div (this is actually what scrolls) -->
<div class="content">
  <div class="card" id="product_detail">
    <ul class="table-view">
      <li class="table-view-cell media"> <a class=""> <img class="media-object pull-left" src="static/images/home/test.jpg" width="100" height="100">
        <div class="media-body"> <span style="font-size:14px"><b>观澜湖练习场100球体验</b></span><br>
          <span style=" font-size:14px;">价格：<span>100元</span></span><br>
          <span style=" font-size:12px;">深圳观澜湖高尔夫俱乐部</span>
          <p style="font-size:11px;">距离：<span >12.8KM</span></p>
        </div>
        </a> </li>
    </ul>

  <div class="buy_btn">  <button class="btn btn-primary btn-outlined btn-block" style="width:70%; margin:10px auto; padding:10px 0;  font-size: 16px;" >购买</button></div>
  </div>
  <!--div card-->

  <div class="card" id="using_court_detail">
  <div class="using_detail" style="margin:15px;">
   <span style="margin:10px;"><b>使用须知：</b></span>
   <div class="using-content" style="margin:10px;">
   <span style="margin:20px; font-size:12px;">每张美团券限一个人使用，需要一次体验完毕</span>
   </div>

   </div>
   <hr style="border-top:1px #ddd dashed
border-bottom:1px #ddd dotted;width:98%;">
   <div class="court_detail"style="margin:15px;">
    <span style="margin:10px;"><b>球会详情：</b></span>
    <div class="court_introduction" style="margin:15px; ">
   <span style="margin:20px; font-size:12px;">佘山高尔夫
佘山国际高尔夫位于上海松江区佘山国家旅游度假区，是一个以高尔夫运动为主题的综合度假项目，提供私属运动休闲、度假居住体验与服务，不仅是亚洲最顶级的私人球会之一，也是中国高端居住社区之一。

这里还是世界锦标赛——“汇丰冠军赛”的诞生地，该赛事已连续成功举办七届。2009年此赛事升级为世锦赛，2013年赛事纳入美国高尔夫职业巡回赛赛程。</span>
</div><!--div court_introduction-->


</div><!--div court_detail-->
<div class="court_img">
 <img class="media-object" src="static/images/home/golf_show5.jpg">
 <img class="media-object" src="static/images/home/golf_show5.jpg">
 <img class="media-object" src="static/images/home/golf_show5.jpg">
</div>
  </div>
  <!--div card-->

</div>
</body>
</html>