lt
39 lines
1.0 KiB
HTML
39 lines
1.0 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="zh-CN">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>前端测试</title>
|
|
<script src="/static/vue.global.prod.js"></script>
|
|
<link rel="stylesheet" href="/static/element-plus.css" />
|
|
|
|
|
|
<!-- Tailwind CSS -->
|
|
<script src="https://cdn.tailwindcss.com"></script>
|
|
|
|
<!-- Vue 3 -->
|
|
<script src="https://unpkg.com/vue@3/dist/vue.global.js"></script>
|
|
|
|
<!-- Element Plus CSS -->
|
|
<link rel="stylesheet" href="https://unpkg.com/element-plus@2.4.3/dist/index.css">
|
|
|
|
<!-- Element Plus JS -->
|
|
<script src="https://unpkg.com/element-plus@2.4.3/dist/index.full.min.js"></script>
|
|
|
|
</head>
|
|
<body>
|
|
<div id="app">
|
|
<h1>测试页面</h1>
|
|
<p>Vue 已加载: {{ loaded }}</p>
|
|
<el-button type="primary">测试按钮</el-button>
|
|
</div>
|
|
<script>
|
|
const { createApp, ref } = Vue;
|
|
createApp({
|
|
setup() {
|
|
const loaded = ref(true);
|
|
return { loaded };
|
|
}
|
|
}).use(ElementPlus).mount('#app');
|
|
</script>
|
|
</body>
|
|
</html> |