a3137a7c by 任超

feat:引入 layui

1 parent af8ac210
......@@ -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="layui-carousel" id="test1">
<div carousel-item>
<div>条目1</div>
<div>条目2</div>
<div>条目3</div>
<div>条目4</div>
<div>条目5</div>
</div>
<div class="hd-top-right">
<a href="register.html">注册</a>
<a href="login.html">登录</a>
</div>
<button type="button" class="layui-btn">一个标准的按钮</button>
</div>
</div>
</header>
</body>
</html>
<!--[if (gte IE 9)|!(IE)]><!-->
<script type="text/javascript" src="lib/jquery/jquery.min.js"></script>
......@@ -42,3 +41,16 @@
<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>
<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
......