Layui第一天学习

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>layui的使用</title>
        <!--LayUI的核心css文件-->
        <link rel="stylesheet" type="text/css" href="layui/css/layui.css"/>
        <!--LayUI的核心js文件-->
        <script src="layui/layui.js" type="text/javascript" charset="utf-8"></script>
    </head>
    <body>
        <script>
            //模块和回调函数
            //直接写在js文件中
            layui.use(['layer','form'],function(){
                var layer = layui.layer,form = layui.form;
                layer.msg('Hello World');
            });
        </script>
    </body>

</html>
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>布局容器</title>
        <!--LayUI的核心css文件-->
        <link rel="stylesheet" type="text/css" href="layui/css/layui.css"/>
        <!--LayUI的核心js文件-->
        <script src="layui/layui.js" type="text/javascript" charset="utf-8"></script>
    </head>
    <body>
        <!--
            布局容器
                1.固定宽度(两侧右留白效果)
                2.完整宽度(占据屏幕宽度的100%)
        -->
        <!--
        <div class="layui-container" style="background-color:aqua;height:300px">
            固定宽度
        </div>
        -->

        <!--完整宽度-->
        <div class="layui-fluid" style="background-color:yellowgreen;height:300px">
            完整宽度
        </div>
    </body>
</html>

本文来自投稿,不代表重蔚自留地立场,如若转载,请注明出处https://www.cwhello.com/36266.html

如有侵犯您的合法权益请发邮件951076433@qq.com联系删除

(0)
轻鸟545轻鸟545订阅用户
上一篇 2022年5月17日
下一篇 2022年5月17日

相关推荐

联系我们

QQ:951076433

在线咨询:点击这里给我发消息邮件:951076433@qq.com工作时间:周一至周五,9:30-18:30,节假日休息