yysj.html 3.17 KB
<!DOCTYPE html
  PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
  <style></style>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <title>我的预约-预约时间</title>
  <script type="text/javascript" src="../staticJs/head.js"></script>
  <link rel="stylesheet" href="../staticCss/swiper-bundle.min.css" />
  <link rel="stylesheet" type="text/css" href="../staticCss/progressBar.css" />
  <link rel="stylesheet" type="text/css" href="../staticCss/yysj.css" />
  <link rel="stylesheet" type="text/css" href="../staticCss/layuiDialog.css" />
</head>

<body>
  <div class="yysj_main">
    <div class="navigation_crumbs">
      <div class="contentBox">
        <span class="layui-breadcrumb">
          <a href="../index.html" title="首页">首页</a>
          <a href="./grzx.html" title="个人中心">个人中心</a>
          <a title="预约时间"><cite>预约时间</cite></a>
        </span>
      </div>
    </div>
    <!-- ----------------------------------内容模块的开始----------------------------------------------- -->
    <div class="central_area appointment_content">
      <div class="progressBar" style="margin-bottom: 30px;">
        <ul class="app_progress">
          <li>
            <p class="active"></p>
            <h5>预约须知</h5>
          </li>
          <div class="layui-progress">
            <div class="layui-progress-bar" lay-percent="100%"></div>
          </div>
          <li>
            <p class="active"></p>
            <h5>选择区域</h5>
          </li>
          <div class="layui-progress">
            <div class="layui-progress-bar" lay-percent="100%"></div>
          </div>
          <li>
            <p class="activeing"></p>
            <h5 class="activeingtext">预约业务</h5>
          </li>
          <div class="layui-progress">
            <div class="layui-progress-bar" lay-percent="50%"></div>
          </div>
          <li>
            <p></p>
            <h5>预约结果</h5>
          </li>
        </ul>
      </div>
      <h2 class="region_title">选择日期</h2>
      <div class="appoint_time">
        <div class="swiper-container">
          <div class="swiper-wrapper" id="swiperDate"></div>
        </div>
        <!-- Add Arrows -->
        <div class="swiper-button-next"></div>
        <div class="swiper-button-prev"></div>
      </div>
      <!-- ----------------------------------业务选择start----------------------------------------------- -->
      <div class="business_choice">
        <h2 class="region_title">选择时间</h2>
        <div id="business_list" style="margin-top: 20px;"></div>
      </div>

      <div class="next_button">
        <button type="button" class="layui-btn layui-btn-normal">
          <a href="./xzqy.html" title="上一步"> 上一步 </a>
        </button>
      </div>
    </div>
  </div>
</body>
</html>
<script type="text/javascript" src="../staticJs/common.js"></script>
<script type="text/javascript" src="../staticJs/down.js"></script>
<script src="../staticJs/swiper-bundle.min.js"></script>
<script type="text/javascript" src="../staticJs/yysj.js"></script>