57 lines
1.4 KiB
Plaintext
57 lines
1.4 KiB
Plaintext
|
|
@{
|
|
Layout = null;
|
|
}
|
|
|
|
<!DOCTYPE html>
|
|
|
|
<html>
|
|
<head>
|
|
<meta name="viewport" content="width=device-width" />
|
|
<title>Index</title>
|
|
<!-- Import style -->
|
|
<link rel="stylesheet" href="//unpkg.com/element-plus/dist/index.css" />
|
|
<!-- Import Vue 3 -->
|
|
<script src="//unpkg.com/vue@3"></script>
|
|
<!-- Import component library -->
|
|
<script src="//unpkg.com/element-plus"></script>
|
|
</head>
|
|
<body>
|
|
<div id="app" align="center" height:auto>
|
|
<el-form id="loginForm" style="align:center; width:300px" label-width="100">
|
|
<el-form-item label="用户名">
|
|
<el-input />
|
|
</el-form-item>
|
|
<el-form-item label="密码">
|
|
<el-input type="password" />
|
|
</el-form-item>
|
|
<el-form-item>
|
|
<el-button v-on:click="login">登 录</el-button>
|
|
</el-form-item>
|
|
</el-form>
|
|
</div>
|
|
<script>
|
|
const App = {
|
|
data() {
|
|
return {
|
|
message: "Hello Element Plus",
|
|
};
|
|
},
|
|
methods: {
|
|
login: function () {
|
|
ElMessage.info("测试")
|
|
}
|
|
}
|
|
|
|
};
|
|
|
|
|
|
const app = Vue.createApp(App);
|
|
app.use(ElementPlus);
|
|
app.use(ElMessage);
|
|
app.mount("#app");
|
|
|
|
</script>
|
|
</body>
|
|
</html>
|