mui 简易弹出层

最新推荐文章于 2024-08-07 10:07:56 发布

SELECT_BIN

最新推荐文章于 2024-08-07 10:07:56 发布

阅读量5.3k

点赞数 2

分类专栏： js

本文链接：https://blog.csdn.net/SELECT_BIN/article/details/85797379

版权

这篇博客详细介绍了如何利用Mui组件库创建一个简单的弹出层。通过示例代码和实际效果展示，读者可以了解到具体的实现步骤和关键API的使用。

摘要由CSDN通过智能技术生成

例子：

代码：

<!doctype html>
<html>

<head>
    <meta charset="UTF-8">
    <title>学生信息编辑</title>
    <meta name="viewport"
          content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"/>
    <link href="./css/app/mui.min.css" rel="stylesheet"/>
    <script type="text/javascript" src="./js/app/mui.min.js"></script>
    <!--通过#div css的top与left控制弹出层的位置-->
    <style type="text/css">
        #div {
            width: 0px;
            height: 0px;
            background: red;
            position: fixed;
            top: 70%;
            left: 50%;
        }

        /*移除底部或顶部三角,需要在删除此代码*/
        .mui-popover .mui-popover-arrow:after {
            width: 0px;
        }
    </style>
</he