使用layui 搭建登陆界面

Original 2019-04-23 13:12:27 326
abstract:<html> <head>     <meta charset="utf-8">     <link type="text/css" rel="stylesheet" href=
<html>
<head>
    <meta charset="utf-8">
    <link type="text/css" rel="stylesheet" href="layui/css/layui.css" />
    <script type="text/javascript" src="layui/layui.js"></script>
    <style type="text/css">
        *{margin: 0px; padding: 0px;}
    </style>
</head>
<body style="background: #1E9FFF">
    <div style=" width: 500px ; margin: 270px  auto 0px;">
        <div style=" background: #fff; border-radius: 4px; box-shadow:5px 5px 20px #4444; padding: 20px;">
            <form class="layui-form">
                <div class="layui-form-item" style="color:gray;">
                    <h2>后台管理系统</h2>
                </div>
                <hr>
                <div class="layui-form-item">
                    <label class="layui-form-label">用户名</label>
                    <div class="layui-input-block">
                        <input type="text"  class="layui-input">
                    </div>
                </div>

                <div class="layui-form-item">
                    <label class="layui-form-label">密码</label>
                    <div class="layui-input-block">
                        <input type="text"  class="layui-input">
                    </div>
                </div>

                <div class="layui-form-item">
                    <label class="layui-form-label">验证码</label>
                    <div class="layui-input-inline">
                        <input type="text"  class="layui-input">
                    </div>
                </div>

               

                <div class="layui-form-item">
                    <div class="layui-input-block">
                        <button class="layui-btn" lay-submit lay-filter="formDemo">登陆</button>

                    </div>
                </div>

            </form>
        </div>
    </div>
</body>
</html>



刚开始引入layui类库未生效,最后找到原因为 link标签里没有添加rel="stylesheet"

Correcting teacher:天蓬老师Correction time:2019-04-23 13:25:14
Teacher's summary:发现问题, 找到方案, 是一个学习应有的素质 , 不错

Release Notes

Popular Entries