Advertisement

mui和vue-cli分别实现菜单点击触发侧滑遮盖效果于当前页面

阅读量:

先展示效果示意图

在这里插入图片描述

点击屏幕右上角的关闭按钮即可退出

在这里插入图片描述

耗费了一个上午的时间对代码进行删减与优化,所采用的这一框架源自mui在GitHub平台公开的原始版本,结构清晰且较为完整。
以下是相关代码实现:

复制代码
    <!DOCTYPE html>
    <html>
    
    	<head>
    		<meta charset="utf-8">
    		<title>Hello MUI</title>
    		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
    		<meta name="apple-mobile-web-app-capable" content="yes">

全部评论 (0)

还没有任何评论哟~