layui,相当快速的前端搭建,真的是菜鸟级

Original 2019-05-19 20:00:40 264
abstract:<!DOCTYPE html><html><head> <title>登陆</title> <link rel="stylesheet" type="text/css" href="static/plugins/layui/css/layui.css"> <sc

<!DOCTYPE html>

<html>

<head>

<title>登陆</title>

<link rel="stylesheet" type="text/css" href="static/plugins/layui/css/layui.css">

<script type="text/javascript" src="static/plugins/layui/layui.js"></script>

</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" 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" placeholder="请输入用户名" class="layui-input">

    </div>

  </div>

         <div class="layui-form-item">

               <label class="layui-form-label">密&nbsp;&nbsp;&nbsp;  码:</label>

               <div class="layui-input-block">

                <input type="password" placeholder="请输入用户名" class="layui-input">

    </div>

  </div>

          <div class="layui-form-item">

               <label class="layui-form-label">验证码:</label>

               <div class="layui-input-inline">

                <input type="password" placeholder="请输入验证码" class="layui-input">

    </div>

    <img src="static/images/yz.png">

  </div>

         <div class="layui-form-item">

    <div class="layui-input-block">

      <button class="layui-btn" lay-submit="" lay-filter="demo1">立即提交</button>

      <button type="reset" class="layui-btn layui-btn-primary">重置</button>

    </div>

  </div>


      </form>

      </div>

   </div>

</body>

</html>


Correcting teacher:天蓬老师Correction time:2019-05-20 09:26:46
Teacher's summary:前端框架,都会预置大量的常用的样式, 将经常用到的功能,封装成组件,供程序员一键调用, 在方便的同时, 也会带来千人一面的问题, 要有所选择

Release Notes

Popular Entries