main

分支 (1)

管理

管理

main

watchShop
/
index.html

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

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>watchShop</title>
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="font/index/iconfont.css">
    <link rel="stylesheet" href="css/index.css">
</head>

<body>
    <!-- header -->
    <div class="bigHeader">
        <header class="center">
            <div class="topL">
                <img src="images/indexImg/index_03.jpg" alt="">
                <span class="spanL">在线时间&nbsp;08:30~21:30</span>
                <span class="spanR">欢迎访问钟表专卖商城!</span>
            </div>
            <div class="topR">
                <div class="dengLu"><a href="html/login.html"><span class="iconfont icon-denglu-yonghu"></span></a>
                    <div class="lgTips">
                        <div class="avatar center">
                            <img class="userImg" src="images/indexImg/userImg.gif" alt="">
                        </div>
                        <p class="account">请先登录</p>
                        <p class="quit">退出</p>
                    </div>
                </div>
                <a href="html/shopCar.html"><span class="iconfont icon-gouwuche"></span></a>
            </div>
            <div class="carTip">
                <p>购物车里没有商品</p>
                <hr>
            </div>
        </header>
    </div>

    <!-- nav -->
    <div class="bigNav">
        <nav class="center">
            <div class="navL">
                <a href="javascript:;"><img src="images/indexImg/indexs_19.jpg" alt=""></a>
            </div>
            <div class="navC">
                <a href="index.html">商城首页</a>
                <a href="html/goods.html">所有商品</a>
                <a href="html/dynamic.html">商城动态</a>
                <a href="html/aboutWatchShop.html">关于店铺</a>
                <a href="html/store.html">线下门店</a>
            </div>
            <div class="navR">
                <div class="search">
                    <input type="text" placeholder="搜索商品关键字">
                    <button class="ssuoBt">
                        <span class="iconfont icon-sousuo"></span>
                    </button>
                </div>
            </div>
        </nav>
    </div>

    <!-- banner -->
    <ul class="bigBanner">
        <li class="banner active"><img src="images/indexImg/indexs_9.jpg" alt=""><li>
        <li class="banner"><img src="images/indexImg/indexs_10.jpg" alt=""><li>
    </ul>

    <!-- store -->
    <div class="bigStore">
        <div class="store center">
            <div class="storeL">
                <img src="images/indexImg/indexs_23.jpg" alt="">
            </div>
            <div class="storeR">
                <h2>ONLINE STORE</h2>
                <ul>
                    <li class="tt">
                        <span class="iconfont icon-dingwei"></span>
                        <span>GPRS系统实时定位</span>
                    </li>
                    <li class="tt">
                        <span class="iconfont icon-zhinanzhen"></span>
                        <span>掌握最新天气情况</span>
                    </li>
                    <li class="tt">
                        <span class="iconfont icon-denglu"></span>
                        <span>关联其他设备</span>
                    </li>
                    <li class="tt">
                        <span class="iconfont icon-shizhong"></span>
                        <span>倒计时提醒功能</span>
                    </li>
                    <li class="tt">
                        <span class="iconfont icon-code-branch"></span>
                        <span>血压实时监测</span>
                    </li>
                </ul>
                <p class="ll">在设置面板中，您可以更换不同背景图片</p>
                <p class="ll">非常简单，不需要任何别的设置</p>
                <button class="storeTip">了解详情</button>
            </div>
        </div>
    </div>

    <!-- news -->
    <div class="bigNews">
        <div class="news center">
            <h2>NEWS</h2>
            <p class="newsT">新闻咨询</p>
            <hr class="center newsLine">
            <div class="newsCnt">
                <ul class="newsL">
                    <li class="nook">
                        <a href=""><img src="images/indexImg/indexs_16.jpg" alt=""></a>
                        <div class="noor">
                            <a href="">艾媒发布新零售行业白皮书万表打造手表零售新业态</a>
                            <p class="newsD">发布日期:2022-06-03</p>
                            <p class="newsTip">客户:我想买块表，你会设计表吗?</p>
                            <p class="newsTip">设计狮:会的，设置过很多不同样式的表</p>
                        </div>
                    </li>
                    <li class="nook">
                        <a href=""><img src="images/indexImg/indexs_15.jpg" alt=""></a>
                        <div class="noor">
                            <a href="">艾媒发布新零售行业白皮书万表打造手表零售新业态</a>
                            <p class="newsD">发布日期:2022-06-03</p>
                            <p class="newsTip">客户:我想买块表，你会设计表吗?</p>
                            <p class="newsTip">设计狮:会的，设置过很多不同样式的表</p>
                        </div>
                    </li>
                </ul>
                <div class="newsR">
                    <img src="images/indexImg/indexs_20.jpg" alt="">
                    <div class="pauseBox">
                        <div class="pause"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- product -->
    <div class="bigProduct">
        <div class="product center">
            <h2>PRODUCT</h2>
            <p class="productT">商品列表</p>
            <hr class="center productLine">
            <ul class="list">
                <!-- <li class="listWatch">
                    <a href="">
                        <img title="女士机械表1" src="images/indexImg/indexs_24.jpg" alt="">
                    </a>
                    <h2 class="listR"><a href="">女士机械表1</a></h2>
                    <hr class="listLine">
                    <p class="amount">￥4800</p>
                </li>
                <li class="listWatch">
                    <a href="">
                        <img title="女士机械表1" src="images/indexImg/indexs_24.jpg" alt="">
                    </a>
                    <h2 class="listR"><a href="">女士机械表1</a></h2>
                    <hr class="listLine">
                    <p class="amount">￥4800</p>
                </li>
                <li class="listWatch">
                    <a href="">
                        <img title="女士机械表1" src="images/indexImg/indexs_24.jpg" alt="">
                    </a>
                    <h2 class="listR"><a href="">女士机械表1</a></h2>
                    <hr class="listLine">
                    <p class="amount">￥4800</p>
                </li>
                <li class="listWatch">
                    <a href="">
                        <img title="女士机械表1" src="images/indexImg/indexs_24.jpg" alt="">
                    </a>
                    <h2 class="listR"><a href="">女士机械表1</a></h2>
                    <hr class="listLine">
                    <p class="amount">￥4800</p>
                </li>
                <li class="listWatch">
                    <a href="">
                        <img title="女士机械表1" src="images/indexImg/indexs_24.jpg" alt="">
                    </a>
                    <h2 class="listR"><a href="">女士机械表1</a></h2>
                    <hr class="listLine">
                    <p class="amount">￥4800</p>
                </li>
                <li class="listWatch">
                    <a href="">
                        <img title="女士机械表1" src="images/indexImg/indexs_24.jpg" alt="">
                    </a>
                    <h2 class="listR"><a href="">女士机械表1</a></h2>
                    <hr class="listLine">
                    <p class="amount">￥4800</p>
                </li>
                <li class="listWatch">
                    <a href="">
                        <img title="女士机械表1" src="images/indexImg/indexs_24.jpg" alt="">
                    </a>
                    <h2 class="listR"><a href="">女士机械表1</a></h2>
                    <hr class="listLine">
                    <p class="amount">￥4800</p>
                </li>
                <li class="listWatch">
                    <a href="">
                        <img title="女士机械表1" src="images/indexImg/indexs_24.jpg" alt="">
                    </a>
                    <h2 class="listR"><a href="">女士机械表1</a></h2>
                    <hr class="listLine">
                    <p class="amount">￥4800</p>
                </li> -->
            </ul>
            <button class="listTo center">了解详情
                <span class="iconfont icon-tongyong-xiangyoujiantou"></span>
            </button>
        </div>
    </div>

    <!-- intr -->
    <div class="bigIntr">
        <div class="intrL">
            <h2>SINCE&nbsp;1900</h2>
            <p class="intrT">新闻咨询</p>
            <hr class="center intrLine">
            <p class="intrTip">在区块设置面板中，您可以更换背景图片</p>
            <p class="intrTip">非常简单，不需要任何别的设置</p>
            <button class="intrTo center">了解详情
                <span class="iconfont icon-tongyong-xiangyoujiantou"></span>
            </button>
        </div>
        <div class="intrR">
            <img src="images/indexImg/indexs_25.jpg" alt="">
        </div>
    </div>

    <!-- consult -->
    <div class="bigCont">
        <div class="cont center">
            <h2>News</h2>
            <p class="contT">咨询动态</p>
            <hr class="center contLine">
            <ul>
                <li class="contDate">
                    <div class="contL">
                        <span class="month">06-05</span>
                        <span class="year">2022</span>
                    </div>
                    <div class="contR">
                        <h2 title="给大象转个身"><a href="">给大象转个身</a></h2>
                        <p class="contAp">设计狮生命不能承受之重:</p>
                        <p class="contAp">收藏PNG用的时候发现背景是白色、Adobe Phot</p>
                    </div>
                    <div class="conTo">
                        <span class="iconfont icon-jiantou"></span>
                    </div>
                </li>
                <li class="contDate">
                    <div class="contL">
                        <span class="month">06-05</span>
                        <span class="year">2022</span>
                    </div>
                    <div class="contR">
                        <h2 title="给大象转个身"><a href="">给大象转个身</a></h2>
                        <p class="contAp">设计狮生命不能承受之重:</p>
                        <p class="contAp">收藏PNG用的时候发现背景是白色、Adobe Phot</p>
                    </div>
                    <div class="conTo">
                        <span class="iconfont icon-jiantou"></span>
                    </div>
                </li>
                <li class="contDate">
                    <div class="contL">
                        <span class="month">06-05</span>
                        <span class="year">2022</span>
                    </div>
                    <div class="contR">
                        <h2 title="给大象转个身"><a href="">给大象转个身</a></h2>
                        <p class="contAp">设计狮生命不能承受之重:</p>
                        <p class="contAp">收藏PNG用的时候发现背景是白色、Adobe Phot</p>
                    </div>
                    <div class="conTo">
                        <span class="iconfont icon-jiantou"></span>
                    </div>
                </li>
                <li class="contDate">
                    <div class="contL">
                        <span class="month">06-05</span>
                        <span class="year">2022</span>
                    </div>
                    <div class="contR">
                        <h2 title="给大象转个身"><a href="">给大象转个身</a></h2>
                        <p class="contAp">设计狮生命不能承受之重:</p>
                        <p class="contAp">收藏PNG用的时候发现背景是白色、Adobe Phot</p>
                    </div>
                    <div class="conTo">
                        <span class="iconfont icon-jiantou"></span>
                    </div>
                </li>
            </ul>
            <button class="cTo center">了解详情
                <span class="iconfont icon-tongyong-xiangyoujiantou"></span>
            </button>
        </div>
    </div>

    <!-- help -->
    <div class="help">
        <span class="iconfont icon-dianhua"></span>
        <span class="iconfont icon-qq"></span>
        <span class="iconfont icon-huidaodingbu
            ">
        </span>
    </div>

    <!-- footer -->
    <div class="bigFooter">
        <footer class="center">
            <ul class="footerT">
                <li class="sal">
                    <img src="images/indexImg/index_27.jpg" alt="">
                    <div class="salTip">
                        <h2>满1000全包邮</h2>
                        <p class="salQ">全场订单满1000包邮</p>
                    </div>
                </li>
                <li class="sal">
                    <img src="images/indexImg/index_28.jpg" alt="">
                    <div class="salTip">
                        <h2>下单送精美礼品</h2>
                        <p class="salQ">本店购买任意商品赠送精美礼品</p>
                    </div>
                </li>
                <li class="sal">
                    <img src="images/indexImg/index_29.jpg" alt="">
                    <div class="salTip">
                        <h2>贴心的售后服务</h2>
                        <p class="salQ">7x24小时售后随时为您服务</p>
                    </div>
                </li>
                <li class="sal">
                    <img src="images/indexImg/index_30.jpg" alt="">
                    <div class="salTip">
                        <h2>店铺优惠劵</h2>
                        <p class="salQ">每日整点可领取限量优惠劵</p>
                    </div>
                </li>
            </ul>
            <div class="footerC">
                <dl class="about">
                    <dt>关于产品</dt>
                    <dd>本店商品非质量问题谢绝退换，如有质量问题，本店承担运费调换</dd>
                </dl>
                <dl class="about">
                    <dt>售后服务</dt>
                    <dd>消费者保障服务<br>七天无理由退款<br>假一赔三</dd>
                </dl>
                <dl class="about">
                    <dt>售前服务</dt>
                    <dd>保养说明<br>隐私政策<br>客户常见问题<br>咨询服务</dd>
                </dl>
                <dl class="about">
                    <dt>售后服务</dt>
                    <dd>本店商品非质量问题谢绝退换，如有质量问题，本店承担运费调换</dd>
                </dl>
                <dl class="about">
                    <dt>支付方式</dt>
                    <dd>
                        <img class="payA" src="images/indexImg/index_2.png" alt="">
                        <img class="payB" src="images/indexImg/index_3.png" alt="">
                        <img class="payC" src="images/indexImg/index_4.png" alt="">
                    </dd>
                </dl>
                <dl class="about">
                    <dt>关于商城</dt>
                    <dd>本店商品非质量问题谢绝退换，如有质量问题，本店承担运费调换</dd>
                </dl>
                <dl class="about">
                    <dt>关于产品</dt>
                    <dd>本店商品非质量问题谢绝退换，如有质量问题，本店承担运费调换</dd>
                </dl>
                <dl class="about">
                    <img src="images/indexImg/indexs_19.jpg" alt="">
                    <img class="wei" src="images/indexImg/indexs_1.jpg" alt="">
                    <p>搜索微信号：HUAYU</p>
                </dl>
            </div>
            <div class="footerB">
                <div class="link">
                    <a href=""><span class="iconfont icon-weibo iconF"></span></a>
                    <a href=""><span class="iconfont icon-weixin iconF"></span></a>
                    <a href=""><span class="iconfont icon-facebook iconF
            "></span></a>
                    <a href=""><span class="iconfont icon-twitter-circle-fill iconF
            "></span></a>
                    <a href=""><span class="iconfont icon-in iconF"></span></a>
                    <a href=""><span class="iconfont icon-youtube iconF"></span></a>
                </div>
                <p class="copy">Copyright &copy; 2010-2022红酒庄园直营商品专卖 All rights reserved</p>
        </footer>
    </div>
</body>
<script src="js/jquery-3.6.0.min.js"></script>
<script src="js/interface.js"></script>
<script src="js/com.js"></script>
<script src="js/index.js"></script>

</html>