VUE实现一个好看半透明登陆界面（附源码）

最新推荐文章于 2024-08-07 19:54:58 发布

AmoyZZ

最新推荐文章于 2024-08-07 19:54:58 发布

阅读量5.7k

点赞数 4

文章标签： vue css html javascript

本文链接：https://blog.csdn.net/AmoyZZ/article/details/110088331

版权

该博客介绍了如何在Vue项目中创建一个美观且半透明的登录界面，提供了详细的实现步骤和源码。

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

</el-header>
<el-main>
  <div id="login_box">
    <h2>消防员系统登录</h2>
    <div id="form">
      <div id="input_box">
        <i class="fa fa-user" aria-hidden="true"></i>
        <input class="in" type="text" placeholder="Username" />
      </div>
      <div id="input_box">
        <i class="fa fa-key" aria-hidden="true"></i>
        <input class="in" type="passwoprd" placeholder="Passwoprd" />
      </div>
    </div>

    <button>Sign in</button>
    <br />
    <div id="Sign">
      <a href="a">忘记密码?</a>
    </div>
  </div>
</el-main![在