版本1.0.4 - 发布前准备
- 修复system.py缩进错误 - 优化前端页面样式(待重构) - 改进API接口结构 - 完善文档和自动化脚本 - 平台基本功能稳定运行
This commit is contained in:
@@ -0,0 +1,61 @@
|
||||
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh-CN">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Vue基础测试</title>
|
||||
<script src="https://unpkg.com/vue@3/dist/vue.global.js"></script>
|
||||
|
||||
<style>
|
||||
body { font-family: Arial, sans-serif; padding: 20px; }
|
||||
.test-card { background: #f5f5f5; padding: 20px; border-radius: 8px; margin-bottom: 20px; }
|
||||
button { padding: 10px 20px; background: #409EFF; color: white; border: none; border-radius: 4px; cursor: pointer; }
|
||||
button:hover { background: #337ecc; }
|
||||
.success { color: green; font-weight: bold; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div id="app">
|
||||
<h1>{{ title }}</h1>
|
||||
|
||||
<div class="test-card">
|
||||
<h3>数据绑定测试</h3>
|
||||
<p>当前计数: {{ count }}</p>
|
||||
<button @click="count++">增加计数</button>
|
||||
</div>
|
||||
|
||||
<div class="test-card">
|
||||
<h3>列表渲染测试</h3>
|
||||
<ul>
|
||||
<li v-for="item in items" :key="item">{{ item }}</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="test-card">
|
||||
<h3>条件渲染测试</h3>
|
||||
<p v-if="showResult" class="success">✅ Vue基础功能正常工作!</p>
|
||||
<button @click="showResult = true">显示结果</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
const app = {
|
||||
data() {
|
||||
return {
|
||||
title: "Vue基础功能测试",
|
||||
count: 0,
|
||||
items: ["项目 1", "项目 2", "项目 3"],
|
||||
showResult: false
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
console.log("Vue应用已启动");
|
||||
console.log("数据对象:", this.$data);
|
||||
}
|
||||
};
|
||||
|
||||
Vue.createApp(app).mount('#app');
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user