feat:引入 layui
Showing
1 changed file
with
26 additions
and
14 deletions
... | @@ -9,6 +9,7 @@ | ... | @@ -9,6 +9,7 @@ |
9 | <meta name="renderer" content="webkit"> | 9 | <meta name="renderer" content="webkit"> |
10 | <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no"> | 10 | <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no"> |
11 | <meta http-equiv="Cache-Control" content="no-siteapp" /> | 11 | <meta http-equiv="Cache-Control" content="no-siteapp" /> |
12 | <link rel="stylesheet" type="text/css" href="https://www.layuicdn.com/layui/css/layui.css" /> | ||
12 | <link rel="alternate icon" type="image/png" href="images/logo-realestate.png"> | 13 | <link rel="alternate icon" type="image/png" href="images/logo-realestate.png"> |
13 | <link rel='icon' href='favicon.ico' type='image/x-ico' /> | 14 | <link rel='icon' href='favicon.ico' type='image/x-ico' /> |
14 | <meta name="description" content="" /> | 15 | <meta name="description" content="" /> |
... | @@ -17,22 +18,20 @@ | ... | @@ -17,22 +18,20 @@ |
17 | </head> | 18 | </head> |
18 | 19 | ||
19 | <body> | 20 | <body> |
20 | <header class="hd"> | 21 | <div> |
21 | <div class="hd-top am-hide-md-down"> | 22 | <div class="layui-carousel" id="test1"> |
22 | <div class="cg"> | 23 | <div carousel-item> |
23 | <div class="hd-top-left"> | 24 | <div>条目1</div> |
24 | <a href="#">设为首页</a> | 25 | <div>条目2</div> |
25 | <a href="#">收藏</a> | 26 | <div>条目3</div> |
26 | <a href="#">RSS订阅</a> | 27 | <div>条目4</div> |
27 | </div> | 28 | <div>条目5</div> |
28 | <div class="hd-top-right"> | ||
29 | <a href="register.html">注册</a> | ||
30 | <a href="login.html">登录</a> | ||
31 | </div> | ||
32 | </div> | 29 | </div> |
33 | </div> | 30 | </div> |
34 | </header> | 31 | <button type="button" class="layui-btn">一个标准的按钮</button> |
32 | </div> | ||
35 | </body> | 33 | </body> |
34 | |||
36 | </html> | 35 | </html> |
37 | <!--[if (gte IE 9)|!(IE)]><!--> | 36 | <!--[if (gte IE 9)|!(IE)]><!--> |
38 | <script type="text/javascript" src="lib/jquery/jquery.min.js"></script> | 37 | <script type="text/javascript" src="lib/jquery/jquery.min.js"></script> |
... | @@ -41,4 +40,17 @@ | ... | @@ -41,4 +40,17 @@ |
41 | <script type="text/javascript" src="lib/iscroll/iscroll-probe.js"></script> | 40 | <script type="text/javascript" src="lib/iscroll/iscroll-probe.js"></script> |
42 | <script type="text/javascript" src="lib/amazeui/amazeui.min.js"></script> | 41 | <script type="text/javascript" src="lib/amazeui/amazeui.min.js"></script> |
43 | <script type="text/javascript" src="lib/raty/jquery.raty.js"></script> | 42 | <script type="text/javascript" src="lib/raty/jquery.raty.js"></script> |
44 | <script type="text/javascript" src="js/main.min.js?t=1"></script> | ||
... | \ No newline at end of file | ... | \ No newline at end of file |
43 | <script type="text/javascript" src="js/main.min.js?t=1"></script> | ||
44 | <script src="https://www.layuicdn.com/layui/layui.js"></script> | ||
45 | <script> | ||
46 | layui.use('carousel', function () { | ||
47 | var carousel = layui.carousel; | ||
48 | //建造实例 | ||
49 | carousel.render({ | ||
50 | elem: '#test1' | ||
51 | , width: '100%' //设置容器宽度 | ||
52 | , arrow: 'always' //始终显示箭头 | ||
53 | //,anim: 'updown' //切换动画方式 | ||
54 | }); | ||
55 | }); | ||
56 | </script> | ||
... | \ No newline at end of file | ... | \ No newline at end of file | ... | ... |
-
Please register or sign in to post a comment