feat: 新增用户主页和个人主页功能

新增用户主页和个人主页的HTML、CSS和JS文件
添加相关图片资源
重构sectionIndex页面为section-index.html
更新sectionIndex.js以支持组件导入
This commit is contained in:
DESKTOP-RQ919RC\Pc
2025-10-21 19:05:17 +08:00
parent acb96969d7
commit f1d4b25556
13 changed files with 1246 additions and 124 deletions

View File

@@ -0,0 +1,27 @@
// my-component.js
// 引入全局 Vue 对象(因在 HTML 中通过 script 引入Vue 已挂载到 window
const { defineComponent } = Vue;
console.log("11223131321321");
// 定义组件(直接使用模板)
export const MyComponent = defineComponent({
name: "MyComponent",
props: {
title: {
type: String,
default: "默认标题",
},
},
// 方法
methods: {
handleClick() {
alert("组件按钮被点击");
},
},
// 直接使用template选项包含标题、文本内容和按钮
template: `<div style="padding: 10px; border: 1px solid #ccc;">
<h3>{{ title }}</h3>
<p>这是从text文件加载的模板内容</p>
<button @click="handleClick">点击我</button>
</div>`,
});