Skip to content

任超 / js.portalStaticPage

Go to a project
Toggle navigation
Toggle navigation pinning
a3137a7c by 任超
Options

feat:引入 layui

1 parent af8ac210
Inline Side-by-side
Showing 1 changed file with 24 additions and 12 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>
28 <div>条目5</div>
27 </div> 29 </div>
28 <div class="hd-top-right">
29 <a href="register.html">注册</a>
30 <a href="login.html">登录</a>
31 </div> 30 </div>
31 <button type="button" class="layui-btn">一个标准的按钮</button>
32 </div> 32 </div>
33 </div>
34 </header>
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>
...@@ -42,3 +41,16 @@ ...@@ -42,3 +41,16 @@
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> 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
......