MDUI
首页
注册

我的抽屉栏导航无法正确应用样式 "mdui-drawer-close"

汤包桑
2021-04-16 14:33:16

先上代码:


<!DOCTYPE html>

<html>


	<head>
		
		<meta charset="utf-8" />
		<title>Blog</title>
		
		<link rel="stylesheet" href="style/main.css" style="text/css" />
		
		<!-- IMPORT MDUI CSS -->
		<link rel="stylesheet" href="style/mdui-v1/css/mdui.min.css" style="text/css" />

		<!-- IMPORT MDUI JAVASCRIPT -->
		<script src="style/mdui-v1/js/mdui.min.js"></script>
		
	</head>
	
	<body class="mdui-drawer-body-left">
		<div class="mdui-appbar mdui-shadow-0">
			<div class="mdui-toolbar mdui-text-color-white">
				<a href="#" class="mdui-btn mdui-btn-icon mdui-drawer=options"><i class="mdui-icon material-icons" mdui-drawer="{target: '#left-drawer'}">menu</i></a>
				<a href="javascript:;" class="mdui-typo-title">汤包的博客</a>
			    <a href="javascript:;" class="mdui-typo-title">Title</a>
			    <div class="mdui-toolbar-spacer"></div>
			    <a href="javascript:;" class="mdui-btn mdui-btn-icon"><i class="mdui-icon material-icons">search</i></a>
			    <a href="javascript:;" class="mdui-btn mdui-btn-icon"><i class="mdui-icon material-icons">refresh</i></a>
				<a href="javascript:;" class="mdui-btn mdui-btn-icon"><i class="mdui-icon material-icons">more_vert</i></a>
			</div>
			
			<div class="mdui-drawer" id="left-drawer">
				<ul class="mdui-list">
					<li class="mdui-list-item mdui-ripple">
						<i class="mdui-list-item-icon mdui-icon material-icons">move_to_inbox</i>
						<div class="mdui-list-item-content">Drafts</div>
					</li>
				</ul>
			</div>
		</div>
		
	</body>
</html>

这样写的话默认是打开的,可以手动关闭。


如果将33行的 mdui-drawer 换成 mdui-drawer-close 还是无法默认隐藏,请问有哪位大佬知道具体应该怎么处理吗?