商城前端html源码

  • B7_453179
    了解作者
  • 1.1MB
    文件大小
  • 文件格式
  • 0
    收藏次数
  • VIP专享
    资源类型
  • 0
    下载次数
  • 2022-04-13 04:21
    上传日期
美多商城前端源码,演示地址http://www.meiduo.site/ 商城项目属于B2C商业模式
商城前端资源.rar
  • 商城前端资源
  • images
  • goods
  • goods001.jpg
    5.3KB
  • goods007.jpg
    3.8KB
  • goods003.jpg
    8.4KB
  • goods004.jpg
    6.4KB
  • goods006.jpg
    6.7KB
  • goods005.jpg
    7.4KB
  • goods008.jpg
    6.9KB
  • goods002.jpg
    5.3KB
  • goods009.jpg
    8.5KB
  • slide01.jpg
    66.2KB
  • logo02.png
    8.3KB
  • slide02.jpg
    87.8KB
  • QQ-weixin.png
    1.8KB
  • selected.png
    1KB
  • find-password.png
    6KB
  • banner03.jpg
    22.1KB
  • stars.png
    2.6KB
  • shop_cart.png
    1.3KB
  • slide03.jpg
    68.5KB
  • edit.png
    1.2KB
  • icons02.png
    3.8KB
  • shine.png
    1.2KB
  • adv02.jpg
    16.5KB
  • interval_line.png
    1.1KB
  • left_bg.jpg
    1.3KB
  • clock.jpeg
    1.8KB
  • pay_icons.png
    11.6KB
  • clock.jpg
    2.2KB
  • bar_code.jpg
    18.7KB
  • banner02.jpg
    26.1KB
  • icons.png
    7.6KB
  • goods_450.jpg
    19.8KB
  • pic_code.jpg
    4.4KB
  • adv01.jpg
    38.9KB
  • login_banner.png
    311.8KB
  • logo.png
    7.3KB
  • banner01.jpg
    23.1KB
  • register_banner.png
    53.6KB
  • down.png
    1KB
  • cat.jpg
    4.2KB
  • slide04.jpg
    105.4KB
  • time_count_bg.png
    1.3KB
  • success.png
    2.7KB
  • js
  • vue-2.5.16.js
    282.5KB
  • slide.js
    1.9KB
  • goods_judge.js
    519B
  • register.js
    1.7KB
  • user_center_site.js
    9.8KB
  • jquery-1.12.4.min.js
    94.9KB
  • css
  • main.css
    37.6KB
  • reset.css
    664B
  • user_center_pass.html
    3.3KB
  • index.html
    19.6KB
  • place_order.html
    4.6KB
  • order_success.html
    2.4KB
  • cart.html
    3.6KB
  • detail.html
    15.9KB
  • register.html
    3.5KB
  • login.html
    2.1KB
  • list.html
    14.5KB
  • user_center_info.html
    4.4KB
  • goods_judge.html
    3.8KB
  • user_center_site.html
    6.5KB
  • user_center_order.html
    4.7KB
内容介绍
<!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" xml:lang="en"> <head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> <title>美多商城-首页</title> <link rel="stylesheet" type="text/css" href="css/reset.css"> <link rel="stylesheet" type="text/css" href="css/main.css"> <script type="text/javascript" src="js/jquery-1.12.4.min.js"></script> <script type="text/javascript" src="js/slide.js"></script> </head> <body> <div class="header_con"> <div class="header"> <div class="welcome fl">欢迎来到美多商城!</div> <div class="fr"> <div class="login_info fl"> 欢迎您:<em>张 山</em> <a href="javascript:;" class="quit" rel='nofollow' onclick='return false;'>退出</a> </div> <div class="login_btn fl"> <a href="login.html" rel='nofollow' onclick='return false;'>登录</a> <span>|</span> <a href="register.html" rel='nofollow' onclick='return false;'>注册</a> </div> <div class="user_link fl"> <span>|</span> <a href="user_center_info.html" rel='nofollow' onclick='return false;'>用户中心</a> <span>|</span> <a href="cart.html" rel='nofollow' onclick='return false;'>我的购物车</a> <span>|</span> <a href="user_center_order.html" rel='nofollow' onclick='return false;'>我的订单</a> </div> </div> </div> </div> <div class="search_bar clearfix"> <a href="index.html" class="logo fl" rel='nofollow' onclick='return false;'></a> <div class="search_wrap fl"> <div class="search_con"> <input type="text" class="input_text fl" name="" placeholder="搜索商品"> <input type="button" class="input_btn fr" name="" value="搜索"> </div> <ul class="search_suggest fl"> <li><a href="#" rel='nofollow' onclick='return false;'>索尼微单</a></li> <li><a href="#" rel='nofollow' onclick='return false;'>优惠15元</a></li> <li><a href="#" rel='nofollow' onclick='return false;'>美妆个护</a></li> <li><a href="#" rel='nofollow' onclick='return false;'>买2免1</a></li> </ul> </div> <div class="guest_cart fr"> <a href="#" class="cart_name fl" rel='nofollow' onclick='return false;'>我的购物车</a> <div class="goods_count fl" id="show_count">15</div> <ul class="cart_goods_show"> <li> <h4>商品名称手机</h4> <div>4</div> </li> <li> <h4>商品名称手机</h4> <div>5</div> </li> <li> <h4>商品名称手机</h4> <div>6</div> </li> <li> <h4>商品名称手机</h4> <div>6</div> </li> </ul> </div> </div> <div class="navbar_con"> <div class="navbar"> <h1 class="fl">商品分类</h1> <ul class="navlist fl"> <li><a href="" rel='nofollow' onclick='return false;'>首页</a></li> <li class="interval">|</li> <li><a href="" rel='nofollow' onclick='return false;'>真划算</a></li> <li class="interval">|</li> <li><a href="" rel='nofollow' onclick='return false;'>抽奖</a></li> </ul> </div> </div> <div class="pos_center_con clearfix"> <ul class="slide"> <li><a href="#" rel='nofollow' onclick='return false;'></a></li> <li><a href="#" rel='nofollow' onclick='return false;'></a></li> <li><a href="#" rel='nofollow' onclick='return false;'></a></li> <li><a href="#" rel='nofollow' onclick='return false;'></a></li> </ul> <div class="prev"></div> <div class="next"></div> <ul class="points"> <!-- <li class="active"></li> <li></li> <li></li> <li></li> --> </ul> <ul class="sub_menu"> <li> <div class="level1"> <a href="#" rel='nofollow' onclick='return false;'>手机</a><a href="#" rel='nofollow' onclick='return false;'>运营商</a><a href="#" rel='nofollow' onclick='return false;'>数码</a> </div> <div class="level2"> <div class="list_group"> <div class="group_name fl">手机通讯 &gt;</div> <div class="group_detail fl"> <a href="#" rel='nofollow' onclick='return false;'>手机</a> <a href="#" rel='nofollow' onclick='return false;'>对讲机</a> <a href="#" rel='nofollow' onclick='return false;'>以旧换新</a> <a href="#" rel='nofollow' onclick='return false;'>手机维修</a> </div> </div> <div class="list_group"> <div class="group_name fl">运营商 &gt;</div> <div class="group_detail fl"> <a href="#" rel='nofollow' onclick='return false;'>合约机</a> <a href="#" rel='nofollow' onclick='return false;'>选号码</a> <a href="#" rel='nofollow' onclick='return false;'>固话宽带</a> <a href="#" rel='nofollow' onclick='return false;'>办套餐</a> <a href="#" rel='nofollow' onclick='return false;'>充话费/流量</a> <a href="#" rel='nofollow' onclick='return false;'>中国电信</a> <a href="#" rel='nofollow' onclick='return false;'>中国移动</a> <a href="#" rel='nofollow' onclick='return false;'>中国联通</a> <a href="#" rel='nofollow' onclick='return false;'>京东通信</a> <a href="#" rel='nofollow' onclick='return false;'>170选号</a> </div> </div> </div> </li> <li> <div class="level1"> <a href="#" rel='nofollow' onclick='return false;'>电脑</a><a href="#" rel='nofollow' onclick='return false;'>办公</a> </div> <div class="level2"> <div class="list_group"> <div class="group_name fl">电脑 &gt;</div> <div class="group_detail fl"> <a href="#" rel='nofollow' onclick='return false;'>曲面电视</a> <a href="#" rel='nofollow' onclick='return false;'>超薄电视</a> <a href="#" rel='nofollow' onclick='return false;'>HDR电视</a> <a href="#" rel='nofollow' onclick='return false;'>OLED电视</a> <a href="#" rel='nofollow' onclick='return false;'>4K超清电视</a> <a href="#" rel='nofollow' onclick='return false;'>人工智能电视</a> <a href="#" rel='nofollow' onclick='return false;'>55英寸</a> <a href="#" rel='nofollow' onclick='return false;'>65英寸</a> </div> </div> </div> </li> <li> <div class="level1"> <a href="#" rel='nofollow' onclick='return false;'>家居</a><a href="#" rel='nofollow' onclick='return false;'>家具</a><a href="#" rel='nofollow' onclick='return false;'>家装</a><a href="#" rel='nofollow' onclick='return false;'>厨具</a> </div> <div class="level2"> <div class="list_group"> <div class="group_name fl">家具 &gt;</div> <div class="group_detail fl"> <a href="#" rel='nofollow' onclick='return false;'>曲面电视</a> <a href="#" rel='nofollow' onclick='return false;'>超薄电视</a> <a href="#" rel='nofollow' onclick='return false;'>HDR电视</a> <a href="#" rel='nofollow' onclick='return false;'>OLED电视</a> <a href="#" rel='nofollow' onclick='return false;'>4K超清电视</a> <a href="#" rel='nofollow' onclick='return false;'>人工智能电视</a> <a href="#" rel='nofollow' onclick='return false;'>55英寸</a> <a href="#" rel='nofollow' onclick='return false;'>65英寸</a> </div> </div> </div> </li> <li> <div class="level1"> <a href="#" rel='nofollow' onclick='return false;'>男装</a><a href="#" rel='nofollow' onclick='return false;'>女装</a><a href="#" rel='nofollow' onclick='return false;'>童装</a><a href="#" rel='nofollow' onclick='return false;'>内衣</a> </div> <div class="level2"> <div class="list_group"> <div class="group_name fl">男装 &gt;</div> <div class="group_detail fl"> <a href="#" rel='nofollow' onclick='return false;'>男装</a> </div> </div> </div> </li> <li> <div class="level1"> <a href="#" rel='nofollow' onclick='return false;'>女鞋</a><a href="#" rel='nofollow' onclick='return false;'>箱包</a><a href="#" rel='nofollow' onclick='return false;'>钟表</a><a href="#" rel='nofollow' onclick='return false;'>珠宝</a> </div> <div class="level2"> <div class="list_group"> <div class="group_name fl">女鞋 &gt;</div> <div class="group_detail fl"> <a href="#" rel='nofollow' onclick='return false;'>女鞋</a> </div> </div> </div> </li> <li> <div class="level1"> <a href="#" rel='nofollow' onclick='return false;'>男鞋</a><a href="#" rel='nofollow' onclick='return false;'>运动</a><a href="#" rel='nofollow' onclick='return false;'>户外</a> </div> <div class="level2"> <div class="list_group"> <div class="group_name fl">男鞋 &gt;</div> <div class="group_detail fl"> <a href="#" rel='nofollow' onclick='return false;'>男鞋</a> </div> </div> </div> </li> <li> <div class="level1"> <a href="#" rel='nofollow' onclick='return false;'>房产</a><a href="#" rel='nofollow' onclick='return false;'>汽车</a><a href="#" rel='nofollow' onclick='return false;'>汽车用品</a> </div> <div class="level2"> <div class="list_group"> <div class="group_name fl">汽车用品 &gt;</div> <div class="group_detail fl"> <a href="#" rel='nofollow' onclick='return false;'>汽车用品</a> </div> </div> </div> </li> <li> <div class="level1"> <a href="#" rel='nofollow' onclick='return false;'>母婴</a><a href="#" rel='nofollow' onclick='return false;'>玩具乐器</a> </div> <div class="level2"> <div class="list_group"> <div class="group_name fl">玩具乐器 &gt;</div> <div class="group_detail fl"> <a href="#" rel='nofollow' onclick='return false;'>玩具乐器</a> </div> </div> </div> </li> <li> <div class="level1"> <a href="#" rel='nofollow' onclick='return false;'>食品</a><a href="#" rel='nofollow' onclick='return false;'>酒类</a><a href="#" rel='nofollow' onclick='return false;'>生鲜</a><a href="#" rel='nofollow' onclick='return false;'>特产</a> </div> <div class="level2"> <div class="list_group"> <div class="group_name fl">食品 &gt;</div> <div class="group_detail fl"> <a href="#" rel='nofollow' onclick='return false;'>食品</a> </div> </div> </div> </li> <li> <div class="lev
评论
    相关推荐