8caf6c2b10
新增论坛首页所需的图片资源、CSS样式文件、Vue组件和基础功能实现。包括： 1. 添加多个图标图片资源 2. 创建index.css和sectionIndex.css样式文件 3. 实现论坛首页的Vue组件结构和基础交互 4. 添加论坛板块列表和帖子展示功能 5. 实现公共样式和布局组件
76 lines
2.8 KiB
JavaScript
76 lines
2.8 KiB
JavaScript
const { createApp, ref, onMounted, nextTick, onUnmounted, computed, watch } = Vue;
|
||
|
||
createApp({
|
||
setup() {
|
||
let ongoingbj = ref({
|
||
commentUser: [
|
||
{
|
||
avatar: "https://nas.gter.net:9008/avatar/97K4EWIMLrsbGTWXslC2WFVSEKWOikN42jDKLNjtax7HL4xtfMOJSdU9oWFhY2E~/mini?random=iyHTPLKnfrDC",
|
||
},
|
||
{
|
||
avatar: "https://nas.gter.net:9008/avatar/97K4EWIMLrsbGTWXslC2WFVSEKWOikN42jDKLNjtax7HL4xtfMOJSdU9oWFhY2E~/mini?random=iyHTPLKnfrDC",
|
||
},
|
||
],
|
||
comments: 5,
|
||
created_at: "2025-08-22 16:01:34",
|
||
description: "''",
|
||
status: 1,
|
||
title: "【征稿】第五届糖尿病与内分泌学国际研讨会(ICDE 2025)",
|
||
topicid: 254293,
|
||
uniqid: "C840eySXCXSn",
|
||
});
|
||
|
||
console.log(ongoingbj);
|
||
|
||
let pastList = ref([
|
||
{
|
||
comments: 24,
|
||
created_at: "2025-04-14 16:08:52",
|
||
description: "''",
|
||
status: 0,
|
||
title: "25年4月美国无预警大量撤销留学生签证，撤销原因是哪些？我们的一些相关建议",
|
||
topicid: 253942,
|
||
uniqid: "uDqLzLTbK4Of",
|
||
},
|
||
{
|
||
comments: 24,
|
||
created_at: "2025-04-14 16:08:52",
|
||
description: "''",
|
||
status: 0,
|
||
title: "25年4月美国无预警大量撤销留学生签证，撤销原因是哪些？我们的一些相关建议",
|
||
topicid: 253942,
|
||
uniqid: "uDqLzLTbK4Of",
|
||
},
|
||
{
|
||
comments: 24,
|
||
created_at: "2025-04-14 16:08:52",
|
||
description: "''",
|
||
status: 0,
|
||
title: "25年4月美国无预警大量撤销留学生签证，撤销原因是哪些？我们的一些相关建议",
|
||
topicid: 253942,
|
||
uniqid: "uDqLzLTbK4Of",
|
||
},
|
||
{
|
||
comments: 24,
|
||
created_at: "2025-04-14 16:08:52",
|
||
description: "''",
|
||
status: 0,
|
||
title: "25年4月美国无预警大量撤销留学生签证，撤销原因是哪些？我们的一些相关建议",
|
||
topicid: 253942,
|
||
uniqid: "uDqLzLTbK4Of",
|
||
},
|
||
{
|
||
comments: 24,
|
||
created_at: "2025-04-14 16:08:52",
|
||
description: "''",
|
||
status: 0,
|
||
title: "25年4月美国无预警大量撤销留学生签证，撤销原因是哪些？我们的一些相关建议",
|
||
topicid: 253942,
|
||
uniqid: "uDqLzLTbK4Of",
|
||
},
|
||
]);
|
||
|
||
return { ongoingbj, pastList };
|
||
},
|
||
}).mount("#appIndex");
|