提交 ec588f9f 编写于 作者: qq_53854309's avatar qq_53854309

上传新文件

上级 ebedbff5
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<!-- 引入样式 -->
<link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
<style>
*{
margin: 0;
padding: 0;
}
body{
display: flex;
justify-content: center;;
}
#app{
margin: 30px;
padding: 50px;
width: 300px;
box-shadow: 0px 1px 3px grey,
0px -1px 3px grey,
1px 0px 3px grey,
-1px 0px 3px grey;
}
.efi{
padding: 0px !important;
}
#btn{
width: 300px;
}
</style>
</head>
<body>
<div id="app">
<div style="text-align: center;"><h2>Register With Us</h2></div>
<br>
<el-form ref="form" :model="form" label-width="80px" label-position="top" >
<el-form-item>
<label class="el-form-item__label efi" >Username</label>
<el-input v-model="form.name" placeholder="Enter username"></el-input>
</el-form-item>
<el-form-item>
<label class="el-form-item__label efi" >Email</label>
<el-input v-model="form.name" placeholder="Enter email"></el-input>
</el-form-item>
<el-form-item>
<label class="el-form-item__label efi" >Password</label>
<el-input v-model="form.name" placeholder="Enter password"></el-input>
</el-form-item>
<el-form-item>
<label class="el-form-item__label efi" >Confirm Password</label>
<el-input v-model="form.name" placeholder="Enter password again"></el-input>
</el-form-item>
<el-button type="primary" id="btn">Submit</el-button>
</el-form>
</div>
</body>
<script src="https://cdn.jsdelivr.net/npm/vue@2.5.1/dist/vue.js"></script>
<!-- 引入组件库 -->
<script src="https://unpkg.com/element-ui/lib/index.js"></script>
<script>
new Vue({
el: '#app',
data() {
return {
form: {
name: '',
region: '',
date1: '',
date2: '',
delivery: false,
type: [],
resource: '',
desc: ''
}
}
},
methods: {
onSubmit() {
console.log('submit!');
}
}
});
</script>
</html>
\ No newline at end of file
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册