master

分支 (1)

管理

管理

master

wxPhone
/
me-shop-index.html

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <title>首页</title>
    <link rel="stylesheet" href="./css/swiper.min.css">
    <link rel="stylesheet" href="./css/same-css.css">
    <link rel="stylesheet" href="./css/index.css">
</head>
<body>

<div class="box">
    <!--轮播图部分-->
    <div class="banner_img">
        <!--<img class="backgroung_img" src="../images/banner4.png">-->
        <div class="swiper-container">
            <div class="swiper-wrapper">
                <div class="swiper-slide">
                    <img class="backgroung_img" data-src="./images/banner1.png"
                         data-srcm="./images/mobile/banner1.jpg" alt="">
                </div>
                <div class="swiper-slide">
                    <img class="backgroung_img" data-src="./images/banner2.png"
                         data-srcm="./images/mobile/banner1.jpg" alt="">
                </div>
                <div class="swiper-slide">
                    <img class="backgroung_img" data-src="./images/banner3.png"
                         data-srcm="./images/mobile/banner1.jpg" alt="">
                </div>
            </div>
            <!-- 如果需要分页器 -->
            <div class="swiper-pagination"></div>
        </div>
        <!--<div class="logo">
            <img src="../images/logo1.png">
        </div>-->
        <!--<div class="search-mid">
            <input type="text" value="" placeholder="找货源，来这就对了" class="">
            <img class="img" src="../images/sousuo.png" width="20">
        </div>-->
        <div class="warp-pic">
            <a href="html/search.html"><div class="search-pic">
                <img src="./images/sousuo_1.png" alt="">
            </div></a>
            <a href="me-message.html"><div class="message-pic">
                <img src="./images/xinfeng.png" alt="">
            </div></a>
        </div>
    </div>
    <!--品牌，更多品牌-->
    <div class="fix-brand">
        <div class="fix-head">
            <span class="fix-brand-head">品牌</span>
            <span class="fix-more-brand">更多品牌 <i></i></span>
        </div>
        <div id="fixBrand">
            <div class="fix-brand-img">
                <img src="./images/1_03.png" alt="">
            </div>
            <div class="fix-brand-img">
                <img src="./images/2_03.png" alt="">
            </div>
            <div class="fix-brand-img">
                <img src="./images/3_03.png" alt="">
            </div>
        </div>
    </div>
    <!--新品更多新品-->
    <div class="content">
        <div class="new_product">
            <span class="brand">新品</span>
            <span class="more_brand">更多新品 <i></i></span>
        </div>
    </div>
    <div class="new">
        <div class="new-box">
            <div>
                <img src="./images/goods7.jpg" alt="">
            </div>
            <p class="new-title">泰国电话卡就是牛，信号就是好</p>
            <p class="new-price"><span class="money">￥ 29.9</span></p>
        </div>
        <div class="new-box">
            <div>
                <img src="./images/goods7.jpg" alt="">
            </div>
            <p class="new-title">泰国电话卡就是牛，信号就是好</p>
            <p class="new-price"><span class="money">￥ 29.9</span></p>
        </div>
        <div class="new-box">
            <div>
                <img src="./images/goods7.jpg" alt="">
            </div>
            <p class="new-title">泰国电话卡就是牛，信号就是好</p>
            <p class="new-price"><span class="money">￥ 29.9</span></p>
        </div>
        <div class="new-box">
            <div>
                <img src="./images/goods7.jpg" alt="">
            </div>
            <p class="new-title">泰国电话卡就是牛，信号就是好泰国电话卡就是牛，信号就是好泰国电话卡就是牛，信号就是好</p>
            <p class="new-price"><span class="money">￥ 29.9</span></p>
        </div>
    </div>
    <!--人气榜单更多-->
    <div class="fix-head">
        <span class="fix-brand-head">人气榜单</span>
        <span class="fix-more-brand renqi">更多 <i></i></span>
    </div>
    <div class="top">
        <div class="list">
            <div class="list_box">
                <img src="./images/pro3_05.png">
            </div>
            <div class="list_box list_box_0">
                <p class="details_top">泰国电话卡就是牛，信号就是好</p>
                <p class="new-price"><span class="money">￥ 29.9</span></p>
            </div>
        </div>
        <div class="list">
            <div class="list_box list_box_0">
                <p class="details_top">泰国电话卡就是牛，信号就是好</p>
                <p class="new-price"><span class="money">￥ 29.9</span></p>
            </div>
            <div class="list_box">
                <img src="./images/pro3_05.png">
            </div>
        </div>
    </div>
    <!--推荐-->
    <div class="recommend_box">
        <div class="recommend_title">
            &nbsp; 推荐&nbsp;
            <i></i>
        </div>
        <div class="new">
            <div class="new-box">
                <div>
                    <img src="./images/goods7.jpg" alt="">
                </div>
                <p class="new-title">泰国电话卡就是牛，信号就是好</p>
                <p class="new-price"><span class="money">￥ 29.9</span></p>
            </div>
            <div class="new-box">
                <div>
                    <img src="./images/goods7.jpg" alt="">
                </div>
                <p class="new-title">泰国电话卡就是牛，信号就是好</p>
                <p class="new-price"><span class="money">￥ 29.9</span></p>
            </div>
            <div class="new-box">
                <div>
                    <img src="./images/goods7.jpg" alt="">
                </div>
                <p class="new-title">泰国电话卡就是牛，信号就是好</p>
                <p class="new-price"><span class="money">￥ 29.9</span></p>
            </div>
            <div class="new-box">
                <div>
                    <img src="./images/goods7.jpg" alt="">
                </div>
                <p class="new-title">泰国电话卡就是牛，信号就是好泰国电话卡就是牛，信号就是好泰国电话卡就是牛，信号就是好</p>
                <p class="new-price"><span class="money">￥ 29.9</span></p>
            </div>
        </div>
    </div>
</div>
<!--底部导航-->
<div class="bottom_box">
    <ul>
        <li class="active"><img src="./images/shouye2.png" alt="">首页</li>
        <li onclick="window.location.href = 'me-shop-fenLei.html'"><img src="./images/category.png" alt="">分类</li>
        <li onclick="window.location.href = 'me-cart.html'"><img src="./images/shopcart.png" alt="">购物车</li>
        <li onclick="window.location.href = 'me-shop.html'"><img src="./images/wode.png" alt="">我的</li>
    </ul>
</div>

<script src="./js/jquery-3.2.1.min.js"></script>
<script src="./js/swiper.jquery.min.js"></script>
<script>
    var mySwiper = new Swiper('.swiper-container', {
        pagination: '.swiper-pagination',
        paginationClickable: true,
        autoplay: 3000,//可选选项，自动滑动
    });
    $(".backgroung_img").each(function () {
        if (window.screen.width < 768) {
            $(this).attr("src", $(this).data("srcm"));
        } else {
            $(this).attr("src", $(this).data("src"));
        }
    });

    $('.search-mid .img').click(function () {
        window.location.href = './search.html';
    });
    $('.fix-brand-img').click(function () {
        window.location.href = './brand_list.html';
    });
    $('.fix-more-brand').click(function () {
        window.location.href = './brand.html';
    });
    $('.new-box').click(function () {
        window.location.href = './commodity_detail.html';
    });
    $('.more_brand').click(function () {
        window.location.href = './new_product.html';
    });
    $('.list').click(function () {
        window.location.href = './commodity_detail.html';
    });
    $('.renqi').click(function () {
        window.location.href = './popularity_list.html';
    })
    /*function choose(v){
     var a=$(".bottom_box ul li");
     for(var i=0;i< a.length;i++){
     if(v !=i){
     a[i].style.color="black";
     }
     }
     a[v].style.color="#fe8550";
     }*/

</script>
</body>
</html>