macycle1
Version:
一个Vue的UI框架
51 lines (42 loc) • 1.06 kB
HTML
<html lang="zh-Hans">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Amber</title>
</head>
<style>
body{
font-size: 14px;
}
</style>
<style>
.layout{
height: 100vh;
}
.sider{
background: #eee;
width: 100px;
}
.footer,.header{
background: #333;
}
</style>
<style>
*,*::before,*::after{
box-sizing: border-box;
margin: 0;
padding: 0;
}
</style>
<body>
<div id="app" style="padding-top: 100px;padding-left: 100px;">
<am-collapse :selected.sync="selectedTab">
<am-collapse-item title="标题1" name='1'>内容1</am-collapse-item>
<am-collapse-item title="标题2" name='2'>内容2</am-collapse-item>
<am-collapse-item title="标题3" name='3'>内容3</am-collapse-item>
</am-collapse>
</div>
<script src="./src/app.js"></script>
</body>
</html>