成品直播源码推荐，登录界面实现插入背景

成品直播源码推荐，登录界面实现插入背景
引用
因为是背景图片，所有要在最外层div引用

 <div  class="background_style">

登录实现
引入Element UI
Element UI

通过npm安装
执行此命令

npm i element-ui -S

然后再main.js中导入Element UI库

import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';Vue.use(ElementUI);

通过引入样式库
直接在需要使用Element UI组件的页面声明即可

<!-- 引入样式 -->
<link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
<!-- 引入组件库 -->
<script src="https://unpkg.com/element-ui/lib/index.js"></script>

实现

<el-form  status-icon   label-width="50px" label-position="left" class="login-page" ><h2 class="login_Title">账号登录</h2><el-form-item label="账号" prop="username" ><el-input type="text"  v-model="username" autocomplete="off"></el-input></el-form-item><el-form-item label="密码" prop="password"><el-input type="password" v-model="password" autocomplete="off" show-password></el-input></el-form-item><el-form-item class="button_center"><el-button type="primary" @click="LoginNleCloud" style="width:50%;" >提交</el-button></el-form-item></el-form>

双向绑定账号密码

v-model="username"
v-model="password"

定义字段

 data(){return{password: "",username: "",}

以上就是成品直播源码推荐，登录界面实现插入背景，更多内容欢迎关注之后的文章

成品直播源码推荐，登录界面实现插入背景相关推荐

成品直播源码推荐，登录和注册两个页面的简单实现
成品直播源码推荐,登录和注册两个页面的简单实现 xml登录界面设计 <?xml version="1.0" encoding="utf-8"?> & ...
成品直播源码推荐，平台实现的炫酷背景页面
成品直播源码推荐,平台实现的炫酷背景页面 <!DOCTYPE HTML> <html> <head> <meta http-equiv="Conte ...
网页直播源码，实现界面左右滑动
网页直播源码,实现界面左右滑动的相关代码 @interface ViewController ()<UIPageViewControllerDataSource, UIPageViewContr ...
成品直播源码，实现在平台内部的搜索
成品直播源码,实现平台内部搜索的相关代码 xml <androidx.appcompat.widget.SearchViewandroid:layout_width="match_pa ...
1对1直播源码，登录注册密码隐藏显示
1对1直播源码,登录注册密码隐藏显示 //密码显示隐藏case R.id.w2:if (isEye) {login_pwd.setTransformationMethod(HideReturnsTra ...
一对一直播源码，实现一个简单的登录界面
一对一直播源码,实现一个简单的登录界面 1.html <!DOCTYPE html> <html lang="en"> <head><me ...
在线直播源码是如何实现短信验证码登录的
在线直播源码都有登录页面,登录时输入正确的验证码才可以登录,废话不多说,今天就用javascript和异步,来实现在线直播源码自动生成图片验证码的功能. 首先我们要插入一个一般处理程序(也就是ashx ...
成品app直播源码，服务端与客户端传输视频文件
成品app直播源码,服务端与客户端传输视频文件相关的代码 Server端 #define WIN32_LEAN_AND_MEAN #define _WINSOCK_DEPRECATED_NO_WARN ...
成品app直播源码，java编写字母顺序矩阵
成品app直播源码,java编写字母顺序矩阵实现的相关代码 import java.util.Scanner; public class GetLetterArray {public static v ...

成品直播源码推荐，登录界面实现插入背景

成品直播源码推荐，登录界面实现插入背景相关推荐

最新文章

热门文章