ClassContent/历届学生/韩想/项目开发/练习项目/仿美食/Think/点餐/index.html

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<link rel="stylesheet" type="text/css" href="./css/index.css">
<link rel="stylesheet" type="text/css" href="./css/public.css">
<link rel="stylesheet" type="text/css" href="./css/clear.css">
<link rel="stylesheet" type="text/css" href="./css/swiper-bundle.min.css">
<link rel="stylesheet" type="text/css" href="./plugin/aui/css/aui.css">

<body>
    <!-- 头部 -->
    <div class="menu">
        <input type="text" value="" placeholder="搜索百万免费菜谱">
    </div>
    <!-- 内容 -->
    <div class="content">
        <!-- 内容第一个轮播 -->
        <div class="swiper-container banner_swiper">
            <div class="swiper-wrapper ">
               
            </div>

            <!-- 如果需要分页器 -->
            <div class="swiper-pagination"></div>

            <!-- 如果需要导航
                按钮 -->
            <div class="swiper-button-prev"></div>
            <div class="swiper-button-next"></div>

            <!-- 如果需要滚动条 -->
            <div class="swiper-scrollbar"></div>

        </div>
        <!-- 菜单 -->
        <ul class="menus">
           
        </ul>
        <!-- 每日三餐 -->
        <div class="mrsc mrsc_item">
            <div class="mrsc_t">
                <p>每日三餐</p>
                <ul>
                   
                </ul>
            </div>
            <div class="swiper-container mrsc_swiper sc">
                <div class="swiper-wrapper">
                </div>
            </div>
        </div>

        <!-- 第二个轮播 -->
        <div class="swiper-container mrsc_swiper ">
            <div class="swiper-wrapper">
               

            </div>
            <!-- 下方内容循环 -->

            <!-- 如果需要导航按钮 -->
            <div class="swiper-button-prev"></div>
            <div class="swiper-button-next"></div>



        </div>

        <!-- 为你推荐 -->


        <div class="recommend padding">
            <div class="recommend_title">为你推荐</div>
            <ul>
              <li class="recommend_active">
                <a href="">
                  <img src="../img/t_1.png" alt="">
                  <span>每日优惠</span>
                </a>
              </li>
              <li>
                <a href="">
                  <img src="../img/t_2.png" alt="">
                  <span>食材大全</span>
                </a>
              </li>
              <li>
                <a href="">
                  <img src="../img/t_3.png" alt="">
                  <span>热门专题</span>
                </a>
              </li>
              <li>
                <a href="">
                  <img src="../img/t_4.png" alt="">
                  <span>菜谱分类</span>
                </a>
              </li>
              <li>
                <a href="">
                  <img src="../img/t_5.png" alt="">
                  <span>本周流行</span>
                </a>
              </li>
              <li>
                <a href="">
                  <img src="../img/t_6.png" alt="">
                  <span>视频菜谱</span>
                </a>
              </li>
            </ul>
          </div>

        <!-- 大家都在做 -->

        <div class="mrsc">
            <div class="mrsc_t ">
                <p>大家都在做</p>
                <ul class="do_together_title"> 
                    
                </ul>
             
            </div>
   
         
           
        </div>
        <ul class="do_together_title">

        </ul>
        <div class="ms_img">
            <a href="#">
                <img src="https://st-cn.meishij.net/r/53/149/2912303/s2912303_149308557220266.jpg" alt="">
                <div class="img_t">
                    <p>超受欢迎的蔬菜素烩汤</p>
                    <div class="yang">
                        <span>养</span>
                    </div>
                    <div class="b_t">
                        <span>鲜香可口，美味下饭</span>
                    </div>
                    <div class="tf">
                        <div class="tf_l">
                            <img src="https://st-cn.meishij.net/user/68/143/ns13598318_155093722619492.jpg" alt="">
                            <span>阿言美食</span>
                        </div>
                        <div class="tf_r">
                            <i class="icon-font icon-yanjing"></i>
                            <span>3</span>
                        </div>
                    </div>
                </div>
            </a>
        
        </div>

    </div>

    <!-- 底部菜单 -->
    <div class="footer">
        <a href="#">
            <img src="https://st-cn.meishij.net/p2/20190805/20190805211654_179.png">
            <p>推荐</p>
        </a>
        <a href="#">
            <img src="https://st-cn.meishij.net/p2/20190805/20190805211654_179.png">
            <p>推荐</p>
        </a>
        <a href="#">
            <img src="https://st-cn.meishij.net/p2/20190805/20190805211654_179.png">
            <p>推荐</p>
        </a>
        <a href="#">
            <img src="https://st-cn.meishij.net/p2/20190805/20190805211654_179.png">
            <p>推荐</p>
        </a>
        <a href="#">
            <img src="https://st-cn.meishij.net/p2/20190805/20190805211654_179.png">
            <p>推荐</p>
        </a>
    </div>
</body>
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="./js/swiper-bundle.min.js"></script>
<script src="./plugin/aui/js/aui-toast.js"></script>
<script src="./plugin/aui/js/aui-scroll.js"></script>
<script src="./config/index.js"></script>
<script src="./js/utils/ajax.js"></script>

<script src="./service/index.js"></script>
<script src="./page/index.js"></script>


</html>