feat:引入 layui

任超
Showing 1 changed file with 26 additions and 14 deletions
template.html
--- a/template.html
View file @a3137a7
+++ b/template.html
View file @a3137a7
@@ -9,6 +9,7 @@
    <meta name="renderer" content="webkit">
    <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
    <meta http-equiv="Cache-Control" content="no-siteapp" />
+    <link rel="stylesheet" type="text/css" href="https://www.layuicdn.com/layui/css/layui.css" />
    <link rel="alternate icon" type="image/png" href="images/logo-realestate.png">
    <link rel='icon' href='favicon.ico' type='image/x-ico' />
    <meta name="description" content="" />
@@ -17,22 +18,20 @@
 </head>

 <body>
-    <header class="hd">
-        <div class="hd-top am-hide-md-down">
-            <div class="cg">
-                <div class="hd-top-left">
-                    <a href="#">设为首页</a>
-                    <a href="#">收藏</a>
-                    <a href="#">RSS订阅</a>
-                </div>
-                <div class="hd-top-right">
-                    <a href="register.html">注册</a>
-                    <a href="login.html">登录</a>
-                </div>
+    <div>
+        <div class="layui-carousel" id="test1">
+            <div carousel-item>
+                <div>条目1</div>
+                <div>条目2</div>
+                <div>条目3</div>
+                <div>条目4</div>
+                <div>条目5</div>
            </div>
        </div>
-    </header>
+        <button type="button" class="layui-btn">一个标准的按钮</button>
+    </div>
 </body>
+
 </html>
 <!--[if (gte IE 9)|!(IE)]><!-->
 <script type="text/javascript" src="lib/jquery/jquery.min.js"></script>
@@ -41,4 +40,17 @@
 <script type="text/javascript" src="lib/iscroll/iscroll-probe.js"></script>
 <script type="text/javascript" src="lib/amazeui/amazeui.min.js"></script>
 <script type="text/javascript" src="lib/raty/jquery.raty.js"></script>
-<script type="text/javascript" src="js/main.min.js?t=1"></script>
\ No newline at end of file
+<script type="text/javascript" src="js/main.min.js?t=1"></script>
+<script src="https://www.layuicdn.com/layui/layui.js"></script>
+<script>
+    layui.use('carousel', function () {
+        var carousel = layui.carousel;
+        //建造实例
+        carousel.render({
+            elem: '#test1'
+            , width: '100%' //设置容器宽度
+            , arrow: 'always' //始终显示箭头
+            //,anim: 'updown' //切换动画方式
+        });
+    });
+</script>
\ No newline at end of file