login登录界面

这篇具有很好参考价值的文章主要介绍了login登录界面。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

展示情况
login登录界面,前端
代码:文章来源地址https://www.toymoban.com/news/detail-841848.html

<template>
    <div class="wrapper">
        <div style="margin: 200px auto; background-color: #fff; width: 350px; height: 300px; padding: 20px; border-radius: 10px"> 
            <div style="margin: 20px 0; text-align: center; font-size: 24px"><b>登 录</b></div>
                    <el-input size="medium" style="margin: 10px 0" prefix-icon="el-icon-user" v-model="user.username"></el-input>
                    <el-input size="medium" style="margin: 10px 0" prefix-icon="el-icon-lock" show-password v-model="user.password"></el-input>
                <div style="margin: 10px 0; text-align: right">
                    <el-button type="primary" size="small"  autocomplete="off" @click="login">登录</el-button>
                    <el-button type="warning" size="small"  autocomplete="off">注册</el-button>
                </div>
        </div>
    </div>
</template>

<script>
    export default {
        name: "Login",
        data() {
            return {
                user: {},
            }
        }
    }
</script>

<style>
    .wrapper {
        height: 100vh;
        background-image: linear-gradient(to bottom right, #FC466B , #3F5EFB); //渐变色
        overflow: hidden;
    }
</style>

到了这里,关于login登录界面的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • docker login harbor http login登录

    搭建的 harbor 仓库为 http 协议,在本地登录时出现如下报错: 修改 /etc/docker/daemon.json ,添加 \\\"insecure-registries\\\" 再次尝试登录 登录成功!

    2024年02月09日
    浏览(43)
  • 基于VUE3+Layui从头搭建通用后台管理系统(前端篇)二:登录界面及对应功能实现

      本章介绍系统登录界面、登录流程、登录接口等相关内容的开发,实现包括账号密码登录、短信验证登录等不同的登录方式,使用svg-capter生成图形验证码,使用expressjwt实现登录token的生成及验证。 1. 详细课程地址: https://edu.csdn.net/course/detail/38183 2. 源码下载地址: 点击

    2024年02月11日
    浏览(64)
  • 好看的登录页面login.html

    2024年02月12日
    浏览(54)
  • 【Vue框架】基本的login登录

    最近事情比较多,只能抽时间看了,放几天就把之前弄的都忘了,现在只挑着核心的部分看。现在铺垫了这么久,终于可以看前端最基本的登录了😂。 由于代码比较长,这里将vue和js代码分开展示。 1.1、login的vue代码 1.2、login的js代码 上面的内容涉及到 callback 和 this.$router

    2024年02月11日
    浏览(51)
  • 微信小程序-登录(wx.login)

    用户微信登录小程序有两种情况,分别为弹出登录提示和不弹出登录提示两种。弹出登录提示的情况下,用户确定后会向后台传入更多参数,例如用户昵称等。不弹出登录提示只能获取到用户的临时登录凭证code。主要根据第二种情况进行描述。 这个code具有时效性,能用于区

    2024年02月15日
    浏览(50)
  • LINUX终端登录时提示 Login incorrect

    1. LINUX终端登录时提示 Login incorrect     问题:(1)通过 VMware虚拟机软件安装的 CentOS 操作系统,在通过选择图形界面窗口 GNOME(建议选择经典模式) 进入:    此处选择经典模式是因为可以通过鼠标右键单击直接在图形窗口下进入命令终端(进入后命令终端可以很直接

    2024年02月02日
    浏览(57)
  • 【微信小程序】wx.login实现用户登录

    之前用手机号授权的方式实现登录,现在重新整理成笔记 (1)前端通过wx.login()获取登录凭证code,每次调用的code均不同,有效时间5分钟,每个code可验证一回 (2)前端通过wx.request(我这里是用封装好的request.login)将code发送给后端 (3)后端将appid,appSecret(密钥)和code发送给微信接口

    2024年02月08日
    浏览(52)
  • Docker登录login报错Error saving credentials

    Mac OS系统,安装了Docker Desktop应用并登录了Docker Hub账号。 想通过第三方阿里云容器镜像仓库来作为Docker镜像的中转站,本地已经制作好了Image,等待上传,需要按照如下阿里云提示指令执行: sudo docker login --username=myAliyunAccount registry.cn-beijing.aliyuncs.com 此时报错完整信息如下:

    2024年02月05日
    浏览(53)
  • Flask基于flask_login实现登录、验证码

    flask_login 是一个 Flask 扩展,用于在 Flask web 应用中实现用户会话管理。它允许你跟踪哪些用户已经登录,并管理他们的登录状态。flask_login 提供了用户认证的基础结构,但具体的用户验证(如用户名和密码检查)和存储(如数据库)需要你自行实现。 以下是 flask_login 的一些

    2024年04月15日
    浏览(36)
  • Docker登录login报错Error saving credentials(windows)

    sudo docker login --username=xxxx  registry.cn-beijing.aliyuncs.com 此时报错完整信息如下: Error saving credentials: error storing credentials - err: exit status 1, out: `Post \\\"http://ipc/registry/credstore-updated\\\": dial unix backend.sock: connect: no such file or directory` 解决的方法是,找到docker配置文件: ~/.docker/config.json 打

    2024年02月11日
    浏览(36)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包