<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>导航组件</title>
<link rel="stylesheet" href="antd.min.css">
</head>
<body>
<div id="app">
<a-menu style="width: 200px;" mode="inline" theme="dark">
<a-sub-menu>
<span slot="title">
网站设置
</span>
<a-menu-item key="1">网站信息</a-menu-item>
<a-menu-item key="2">备案信息</a-menu-item>
<a-menu-item key="3">二维码</a-menu-item>
</a-sub-menu>
<a-sub-menu>
<span slot="title">
数据设置
</span>
<a-menu-item key="4">网站信息</a-menu-item>
<a-menu-item key="5">备案信息</a-menu-item>
<a-menu-item key="6">二维码</a-menu-item>
</a-sub-menu></a-menu>
</div>
<script src="vue.js"></script>
<script src="antd-with-locales.min.js"></script>
<script src="antd.min.js"></script>
<script>
var vm=new Vue({
el:"#app",
});
</script>
</body>
</html>
