vue科大稽核系统登录页面
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>规则列表</title>
<meta charset="UTF-8">
<link rel="stylesheet" href="/vue/css/index.css">
<!-- this is only for the GoJS Samples framework -->
<script src="/vue/js/vue.js"></script>
<script src="/vue/js/vuex.js"></script>
<script src="/vue/js/index.js"></script>
<script src="/vue/js/router.js"></script>
<script src="/vue/js/axios.min.js"></script>
<script src="/vue/js/moment.js"></script>
<script src="/vue/component/check.js"></script>
<title>用户登录</title>
</head>
<body class="backImage" style="margin:0 0 0 0;" >
<div id="app" style="margin:0 0 0 0;">
<el-container style="margin:0 0 0 0;">
<el-header height="200" class="headImag">
<el-row style="color:#fff">
<el-col :span="2" >
<img src="../../images1/u761.png" style="float:right; height:100px"/>
</el-col>
<el-col :span="6" style="margin-left:15px;margin-top:15px">
<div >
<div >
<span style="font-size:45px; font-style:italic;letter-spacing:8px;" >电 子 科 技 大 学</span>
</div>
<div style="font-size:1px;-webkit-transform:scale(0.7);margin-left:-111px">
<span >university of electronic science and technology of china</span>
</div>
</div>
</el-col>
<el-col :span="1" style="margin-left:-230px">
<img src="../../images1/u773.png" style="float:right; height:100px"/>
</el-col>
<el-col :span="3" style="margin-left:-85px;margin-top:30px">
<span style="font-size:30px;margin-top:85px">计划财务处</span></br>
<span style="font-size:10px;">Financial Affairs Office</span>
</el-col>
<el-col :span="6" style="margin-left:15px;margin-top:15px">
<span style="font-size:60px;margin-top:85px">财务系统</span>
</el-col>
</el-row>
</el-header>
<el-main>
<div class="backImage1">
<div style="margin-top:130px;margin-left:120px;margin-right:60px">
<el-input v-model="input" placeholder="请输入内容"></el-input>
</div>
<div style="margin-top:15px;margin-left:120px;margin-right:60px">
<el-input v-model="input" placeholder="请输入用户名"></el-input>
</div>
<div style="margin-top:20px;margin-left:120px;margin-right:60px">
<el-input v-model="input" placeholder="请输入密码"></el-input>
</div>
<div style="margin-right:50px;margin-top:50px;margin-left:30px">
<el-button style="width:370px;height:60px; margin-right:50px;" type="primary">登录系统</el-button>
</div>
</div>
</el-main>
</el-container>
</div>
</body>
<style>
.backImage {
background-image: url('../../images1/u754.png');
background-size: 100%;
}
.backImage1 {
background-image: url('../../images1/u756.png');
background-size: cover;
float:right;
margin-right:200px;
margin-top:200px;
height:414px;
width:434px;
}
.headImag {
background-image: url('../../images1/u759.png');
padding: 35px;
background-size: cover;
}
</style>
<script th:inline="javascript">
var app = new Vue({
el : '#app',
data () {
return {
input:'',
} //分页器
},
methods:{
}
});
</script>
转载于:https://www.cnblogs.com/wcss/p/11050306.html
vue科大稽核系统登录页面相关推荐
- Python 程序设计-系统登录页面设计
Python 程序设计-系统登录页面设计 目录 Python 程序设计-系统登录页面设计 1.需求分析 2.总体设计 3.详细设计 4.程序运行结果测试与分析 5.完整源代码 1.需求分析 系统要有管 ...
- 3、Vue+ElementUI制作用户登录页面
前面两篇简单了解了一下vue和SPA,现在来用Vue+ElementUI做一个用户登录页面,ElementUI是Element出的一套针对vue的UI库,类似的UI库非常多,ElementUI只是其中 ...
- vue结合element-ui美化登录页面
1---最终效果 2--引入element-ui: 在项目文件夹下,执行 npm i element-ui -S 即可 3--修改main.js内容: // The Vue build version ...
- SAPGUI系统登录页面配置的SAProuter有什么用
大家在安装完SAPGUI后,准备添加系统列表进行登录时,注意过这个SAProuter字段么? 从SAP的帮助文档上可以找到SAProuter的定义: https://help.sap.com/saph ...
- SAPGUI系统登录页面配置的SAProuter有什么用 1
大家在安装完SAPGUI后,准备添加系统列表进行登录时,注意过这个SAProuter字段么? 从SAP的帮助文档上可以找到SAProuter的定义: https://help.sap.com/saph ...
- SAPGUI系统登录页面配置的SAProuter有什么用 2
大家在安装完SAPGUI后,准备添加系统列表进行登录时,注意过这个SAProuter字段么? 从SAP的帮助文档上可以找到SAProuter的定义: https://help.sap.com/saph ...
- vue路由重定向到登录页面_Vue 组件单元测试究竟测试什么？
作者简介: 李中凯 八年多工作经验 前端负责人, 擅长JavaScript/Vue. 掘金文章专栏:KaysonLi 的个人主页 - 专栏 - 掘金 关于 Vue 组件单元测试最常见的问题就是&quo ...
- 系统登录页面短信验证码方式登录实现
近期公司有个需求,要求使用短信验证码登录,取代原来的图片验证码方式,在此记录一下我的实现方法,希望对你有所帮助 公司需求:目前只有账号和验证码方式验证登录,按照公司网络安全统一部署,要求所有公网系统都 ...
- Vue + Spring Boot 项目实战（四）：前后端结合测试（登录页面开发）
前面我们已经完成了前端项目 DEMO 的构建,这一篇文章主要目的如下: ①打通前后端之间的联系,为接下来的开发打下基础 ②登录页面的开发(无数据库情况下) 文章目录 一.后端项目创建 1.1. 项目/ ...
最新文章
- RAC+单实例DATAGUARD 配置
- Oracle 自己主动诊断资料档案库 (ADR)、自己主动诊断工作流、ADRCI工具
- sonarqube没有html插件,SonarQube Github插件没有写拉问题的问题
- 如何判断当前请求的是健康检查API
- web desktop在线演示
- android 获取控件高度_安卓开发入门教程UI控件_ProgressBar
- 泰森怎么会输给道格拉斯_巅峰泰森为何遭遇六连败？日本女孩不是主因，而是这位黑人超模...
- what's .NET
- bzoj 1698: [Usaco2007 Feb]Lilypad Pond 荷叶池塘（BFS）
- python 苹果id申请_以写代学： python 模拟用户注册或登录账号
- Element-UI省市区（县）三级联动---基于VUX移动框架的x-address组件
- Matlab图像的二维傅里叶变换频谱图特点研究
- 程序人生-Hello的 P2P
- 计算机基础到底是哪些基础？为什么很重要！
- 安卓模拟经营类游戏_十大最诱人手机模拟经营类游戏专题
- Android实现记账本（麻雀虽小，五脏俱全）
- 开发软件费用为什么这么贵？
- IOS – OpenGL ES 图像鱼眼扩散效果 GPUImageBulgeDistortionFilter
- 苹果笔记本接移动硬盘怎么使用
- 实验02 使用网络模拟器packet Tracer实验报告