Skip to content

Commit 0db8648

Browse files
iselieniselien
committed
init angular
1 parent 222ddd6 commit 0db8648

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

59 files changed

+45813
-205
lines changed

‎css/bootstrap.css

+6,757
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎fonts/glyphicons-halflings-regular.eot

19.7 KB
Binary file not shown.

‎fonts/glyphicons-halflings-regular.svg

+288
Loading

‎fonts/glyphicons-halflings-regular.ttf

44.3 KB
Binary file not shown.

‎fonts/glyphicons-halflings-regular.woff

22.9 KB
Binary file not shown.

‎fonts/glyphicons-halflings-regular.woff2

17.6 KB
Binary file not shown.

‎index.html

+51-41
Original file line numberDiff line numberDiff line change
@@ -12,53 +12,63 @@
1212
<body>
1313

1414
<div class="container">
15-
<header id="header">
16-
<span>SHOP</span>
17-
</header>
1815

19-
<nav id="navigation">
16+
<header id="header">
17+
<span>SHOP</span>
18+
</header>
19+
2020
<div class="container">
21-
<a href="#nav" class="open toggle-btn"><i class="icon-reorder"></i></a>
22-
<nav id="nav">
23-
<ul>
24-
<li><a href="#" class="active">首页</a></li>
25-
<li><a href="#">分类</a></li>
26-
<li><a href="#">消息</a></li>
27-
<li><a href="#">购物车</a></li>
28-
<li><a href="#">个人中心</a></li>
29-
</ul>
30-
<a href="#top" class="close toggle-btn"><i class="icon-remove-sign"></i></a>
31-
</nav>
32-
</div>
33-
</nav>
21+
<div class="container_innav">
22+
<nav id="nav">
23+
<a href="#nav" class="open toggle-btn"><i class="icon-reorder"></i></a>
24+
<a href="#top" class="close toggle-btn"><i class="icon-remove-sign"></i></a>
25+
<ul id="nav_con">
26+
<li><a href="#home" onclick="home()" class="active">首页</a></li>
27+
<li><a href="#classfy">分类</a></li>
28+
<li><a href="#message">消息</a></li>
29+
<li><a href="#car">购物车</a></li>
30+
<li><a href="#penson">个人中心</a></li>
31+
</ul>
32+
</nav>
33+
34+
</div>
35+
</div>
36+
37+
<div id="content">
38+
<div id="home">
39+
<div id="showcase">
40+
<div id='slider' class='swipe'>
41+
<div class='swipe-wrap'>
42+
<div><img src="./img/01.jpg" alt=""></div>
43+
<div><img src="./img/02.jpg" alt=""></div>
44+
<div><img src="./img/03.jpg" alt=""></div>
45+
</div>
46+
<div class="slider-control">
47+
<button class="left" onclick="mySwipe.prev()"><i class="icon-angle-left"></i></button>
48+
<button class="right" onclick="mySwipe.next()"><i class="icon-angle-right"></i></button>
49+
</div>
50+
</div>
51+
<script>
52+
window.mySwipe = Swipe(document.getElementById('slider'));
53+
</script>
54+
</div>
55+
56+
<section id="mainbody">
57+
<h3>热门商品</h3>
58+
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris sem erat, egestas quis luctus ut, rhoncus vitae risus. Integer venenatis libero sit amet sapien dictum, quis bibendum mi volutpat. Cras pretium quam quis magna facilisis, eget feugiat nisi lacinia.</p>
59+
</section>
60+
<aside id="sidebar">
61+
<h3>为您推荐</h3>
62+
<p>Donec dolor arcu, interdum sed turpis faucibus, placerat ultricies felis. Donec pulvinar gravida rhoncus. Suspendisse vestibulum est eget dolor lobortis.</p>
63+
</aside>
64+
65+
</div>
3466

3567

36-
<div id="showcase">
37-
<div id='slider' class='swipe'>
38-
<div class='swipe-wrap'>
39-
<div><img src="./img/01.jpg" alt=""></div>
40-
<div><img src="./img/02.jpg" alt=""></div>
41-
<div><img src="./img/03.jpg" alt=""></div>
42-
</div>
43-
<div class="slider-control">
44-
<button class="left" onclick="mySwipe.prev()"><i class="icon-angle-left"></i></button>
45-
<button class="right" onclick="mySwipe.next()"><i class="icon-angle-right"></i></button>
46-
</div>
4768
</div>
48-
<script>
49-
window.mySwipe = Swipe(document.getElementById('slider'));
50-
</script>
51-
</div>
5269

53-
<section id="mainbody">
54-
<h3>热门商品</h3>
55-
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris sem erat, egestas quis luctus ut, rhoncus vitae risus. Integer venenatis libero sit amet sapien dictum, quis bibendum mi volutpat. Cras pretium quam quis magna facilisis, eget feugiat nisi lacinia.</p>
56-
</section>
57-
<aside id="sidebar">
58-
<h3>为您推荐</h3>
59-
<p>Donec dolor arcu, interdum sed turpis faucibus, placerat ultricies felis. Donec pulvinar gravida rhoncus. Suspendisse vestibulum est eget dolor lobortis.</p>
60-
</aside>
61-
<footer id="footer">
70+
71+
<footer id="footer">
6272
<h3>页脚</h3>
6373
</footer>
6474
</div><!-- end .container -->

0 commit comments

Comments
 (0)