<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7"/>
<title>黑马商城--首页2</title>
<link rel="stylesheet" type="text/css" href="css/webbase2.css"/>
<link rel="stylesheet" type="text/css" href="css/pages-index.css"/>
<style type="text/css">
.carousel-inner, .carousel-inner div {
z-index: 9;
}
</style>
</head>
<body>
<div id="indexApp">
<!-- 头部栏位 -->
<div id="nav-bottom">
<top></top>
<div class='header' id='headApp'>
<div class='py-container'>
<div class='yui3-g Logo'>
<div class='yui3-u Left logoArea'>
<a href="/">
<div class="logo">
<img src="./img/logo.png" alt="1"/>
</div>
</a>
</div>
<div class='yui3-u Center searchArea'>
<div class='search' style="font-weight:bold">
<div action='' class='sui-form form-inline'>
<!--searchAutoComplete-->
<div class='input-append'>
<input style="font-weight:bold" type='text' id='autocomplete' v-model='key' @keyup="handleKey($event)"
@click.stop="" autocomplete="off" class='input-error input-xxlarge'
@focus="showOption=true&&options.length>0"/>
<button @click='search' class='sui-btn btn-xlarge btn-danger' type='button'>搜索</button>
</div>
<div v-show="showOption"
style="position: absolute;z-index:9999;border: 1px lightgrey solid;overflow-y:auto; height: 150px">
<ul style="list-style: none;margin-top: 0; background-color: #fff;width: 500px;">
<li :style="{cursor: 'pointer',width: '500px','background-color':index===i ? '#ddd':'#fff'}"
v-for="(option, i) in options" @mouseover="index=i"
@click.self.prevent="selectOption(option)">
{{option}}
</li>
</ul>
</div>
</div>
</div>
<div class='hotwords'>
<ul>
<li class='f-item'>黑马首发</li>
<li class='f-item'>亿元优惠</li>
<li class='f-item'>9.9元团购</li>
<li class='f-item'>每满99减30</li>
<li class='f-item'>亿元优惠</li>
<li class='f-item'>9.9元团购</li>
<li class='f-item'>办公用品</li>
</ul>
</div>
</div>
<div class='yui3-u Right shopArea'>
<div class='fr shopcar'>
<div class='show-shopcar' id='shopcar'>
<span class='car'></span>
<a class='sui-btn btn-default btn-xlarge' href='/cart.html'>
<span>我的购物车</span>
<i class='shopnum'>{{carts.length}}</i>
</a>
<div class='clearfix shopcarlist' id='shopcarlist' style='display:none'>
<p>'啊哦，你的购物车还没有商品哦！'</p>
<p>'啊哦，你的购物车还没有商品哦！'</p>
</div>
</div>
</div>
</div>
</div>
<div class='yui3-g '>
<div class='yui3-u Left all-sort'>
<h4></h4>
</div>
<div class='yui3-u Center navArea' style="z-index: 50">
<ul class='nav'>
<li class='f-item'>服装城</li>
<li class='f-item'>美妆馆</li>
<li class='f-item'>品优超市</li>
<li class='f-item'>全球购</li>
<li class='f-item'>闪购</li>
<li class='f-item'>团购</li>
<li class='f-item'>有趣</li>
<li class='f-item'><a href='/seckill-index.html' target='_blank'>秒杀</a></li>
</ul>
</div>
<div class='yui3-u Right'></div>
</div>
</div>
</div>
</div>
<!--分类列表-->
<div>
<div class="sort">
<div class="py-container">
<div class="yui3-g SortList ">
<div class="yui3-u Left all-sort-list">
<div class="all-sort-list2">
<div class="item bo">
<h3><a href="">图书、音像、数字商品</a></h3>
<div class="item-list clearfix">
<div class="subitem">
<dl class="fore1">
<dt><a href="">电子书</a></dt>
<dd><a href="">免费</a><em><a href="">小说</a></em><a href="">励志与成功</a><em><a
href="">婚恋/两性</a></em><em><a
href="">文学</a></em><em><a href="">经管</a></em><em><a href="">畅读VIP</a></em></dd>
</dl>
<dl class="fore2">
<dt><a href="">数字音乐</a></dt>
<dd><em><a href="">通俗流行</a></em><em><a href="">古典音乐</a></em><em><a href="">摇滚说唱</a></em><em><a
href="">爵士蓝调</a></em><em><a href="">乡村民谣</a></em><em><a href="">有声读物</a></em></dd>
</dl>
<dl class="fore3">
<dt><a href="">音像</a></dt>
<dd><em><a href="">音乐</a></em><em><a href="">影视</a></em><em><a href="">教育音像</a></em><em><a
href="">游戏</a></em></dd>
</dl>
<dl class="fore4">
<dt>文艺</dt>
<dd><em><a href="">小说</a></em><em><a href="">文学</a></em><em><a href="">青春文学</a></em><em><a
href="">传记</a></em><em><a href="">艺术</a></em></dd>
</dl>
<dl class="fore5">
<dt>人文社科</dt>
<dd><em><a href="">历史</a></em><em><a href="">心理学</a></em><em><a href="">政治/军事</a></em><em><a
href="">国学/古籍</a></em><em><a href="">哲学/宗教</a></em><em><a href="">社会科学</a></em></dd>
</dl>
<dl class="fore6">
<dt>经管励志</dt>
<dd><em><a href="">经济</a></em><em><a href="">金融与投资</a></em><em><a href="">管理</a></em><em><a
href="">励志与成功</a></em></dd>
</dl>
<dl class="fore7">
<dt>生活</dt>
<dd><em><a href="">家庭与育儿</a></em><em><a href="">旅游/地图</a></em><em><a href="">烹饪/美食</a></em><em><a
href="">时尚/美妆</a></em><em><a href="">家居</a></em><em><a href="">婚恋与两性</a></em><em><a href="">娱乐/休闲</a></em><em><a
href="">健身与保健</a></em><em><a href="">动漫/幽默</a></em><em><a href="">体育/运动</a></em></dd>
</dl>
</div>
</div>
</div>
<div class="item">
<h3><a href="">家用电器</a></h3>
<div class="item-list clearfix">
<div class="subitem">
<dl class="fore1">
<dt><a href="">电子书1</a></dt>
<dd><em><a href="">免费</a></em><em><a href="">小说</a></em><em><a href="">励志与成功</a></em><em><a
href="">婚恋/两性</a></em><em><a href="">文学</a></em><em><a href="">经管</a></em><em><a
href="">畅读VIP</a
docker部署前端的demo
需积分: 0 12 浏览量
2024-01-24
00:11:22
上传
评论
收藏 2.94MB ZIP 举报
docker部署前端的demo （142个子文件） 
webbase2.css 277KB webbase.css 248KB element.css 230KB pages-index.css 8KB index.css 6KB pages-weixinpay.css 3KB pages-cart.css 3KB pages-getOrderInfo.css 3KB pages-login.css 2KB banner.css 2KB carts.css 1KB pages-paysuccess.css 528B main.css 278B orderInfo.css 261B pay.css 0B dictionaries 161B dictionaries 161B .gitignore 224B .gitignore 223B
index.html 59KB search.html 15KB index.html 14KB cart.html 9KB order-confirm.html 9KB pay.html 9KB login.html 4KB paysuccess.html 2KB favicon.ico 6KB favicon.ico 6KB hm-mall-portal.iml 344B hm-mall-admin.iml 344B
banner4.jpg 247KB banner3.jpg 147KB banner3x.jpg 107KB banner1.jpg 97KB banner2.jpg 93KB ad.jpg 28KB wx_cz.jpg 7KB element.js 562KB vue.js 366KB vue.js 366KB qrcode.min.js 19KB axios.min.js 13KB axios.min.js 13KB foot.js 3KB common.js 2KB top.js 2KB copyright.js 947B
banner1.png 459KB loginbg.png 247KB zoom.png 132KB account.png 106KB 57b51ea9Nb862ca5e.png 61KB erweima.png 61KB icons.png 37KB logo.png 37KB interest01.png 32KB floor-1-b03.png 31KB floor-1-b02.png 31KB floor-1-b01.png 26KB like3.png 25KB like4.png 23KB interest04.png 23KB phone-bg.png 21KB floor-1-4.png 18KB interest02.png 16KB floor-1-1.png 16KB interest03.png 16KB ad1.png 15KB duihuan.png 13KB floor-1-3.png 13KB interest06.png 13KB floor-1-6.png 12KB like_01.png 11KB floor-1-2.png 11KB like_05.png 11KB today03.png 11KB interest05.png 11KB today04.png 10KB goods.png 10KB floor-1-5.png 10KB today02.png 9KB quan.png 9KB like1.png 8KB today01.png 8KB like2.png 8KB like_02.png 7KB heima.png 7KB like_06.png 7KB icon.png 6KB photo.png 6KB cartPanelViewIcons.png 5KB mod-list.png 5KB like_04.png 4KB brand_07.png 4KB brand_21.png 4KB like_03.png 4KB clock.png 4KB brand_17.png 4KB brand_13.png 3KB共 142 条
- 1
- 2
资源评论
小石潭记丶
- 粉丝: 306
- 资源: 5
