@@ -371,18 +402,118 @@
}
};
+ const theme = ref(1); // 主题 1 2
+
onMounted(() => {
if (swiperRef.value) {
swiperRef.value.addEventListener("scroll", checkBtnVisibility);
checkBtnVisibility();
}
+ openPreachSwiper();
+ init();
});
+ let interviewData = ref({}); // 模式一 的第一个访谈
+ const init = () => {
+ fetchData("/v1/admissionsOfficer/interview").then((res) => {
+ console.log("res", res);
+ if (res.code != 200) return;
+ const data = res.data || [];
+ // 随机一条 data
+ const random = Math.floor(Math.random() * data.length);
+ // const randomData = data[random];
+ // console.log("randomData", randomData);
+ interviewData.value = data[random] || {};
+ });
+ };
+
onUnmounted(() => {
if (swiperRef.value) swiperRef.value.removeEventListener("scroll", checkBtnVisibility);
});
- return { isPlaying, togglePlay, scrollLeft, scrollRight, swiperRef, showLeftBtn, showRightBtn };
+ let preachList = ref([
+ [
+ {
+ name: "香港中文大学 | 美国西北大学双硕士学位课程",
+ time: "2025年7月12日 19:00",
+ },
+ {
+ name: "香港城市大学 | 经济学理学硕士课程",
+ time: "2025年7月12日 19:00",
+ },
+ {
+ name: "香港教育大学 | 跨文化传意及翻译文学硕士课程",
+ time: "2025年7月12日 19:00",
+ },
+ {
+ name: "香港中文大学 | 美国西北大学双硕士学位课程",
+ time: "2025年7月12日 19:00",
+ },
+ ],
+ [
+ {
+ name: "香港中文大学 | 美国西北大学双硕士学位课程",
+ time: "2025年7月12日 19:00",
+ },
+ {
+ name: "香港城市大学 | 经济学理学硕士课程",
+ time: "2025年7月12日 19:00",
+ },
+ {
+ name: "香港教育大学 | 跨文化传意及翻译文学硕士课程",
+ time: "2025年7月12日 19:00",
+ },
+ {
+ name: "香港中文大学 | 美国西北大学双硕士学位课程",
+ time: "2025年7月12日 19:00",
+ },
+ ],
+ ]);
+
+ let preachIndex = ref(0); // 宣讲会 下标
+ let preachI = ref(1); // 宣讲会 下标
+ let preachTimer = null;
+ // 宣讲会 轮播图 的 定时器
+ const openPreachSwiper = () => {
+ return;
+ preachTimer = setTimeout(() => {
+ preachI.value += 1;
+ console.log(preachI.value);
+ openPreachSwiper();
+ }, 3000);
+ };
+
+ const fetchData = (url, data) => {
+ return new Promise((resolve, reject) => {
+ const baseUrl = "https://api.gter.net";
+ if (url.indexOf("http") == -1) url = baseUrl + url;
+ // 构建查询字符串
+ const queryString = Object.keys(data || {})
+ .map((key) => encodeURIComponent(key) + "=" + encodeURIComponent(data[key]))
+ .join("&");
+
+ // 将查询字符串添加到URL
+ if (queryString) url += (url.indexOf("?") === -1 ? "?" : "&") + queryString;
+
+ var xhr = new XMLHttpRequest();
+ xhr.responseType = "json";
+ xhr.withCredentials = true;
+
+ xhr.open("POST", url, true);
+ xhr.setRequestHeader("Content-Type", "application/json");
+
+ xhr.onreadystatechange = function () {
+ if (xhr.readyState === 4 && xhr.status === 200) {
+ let response = xhr.response;
+ resolve(response);
+ }
+ };
+
+ xhr.send();
+ });
+ };
+
+ return { interviewData, preachList, preachIndex, preachI, isPlaying, togglePlay, scrollLeft, scrollRight, swiperRef, showLeftBtn, showRightBtn };
},
});
// 挂载到页面中的#app元素
@@ -28,8 +33,8 @@
- 
+ 
+ 
+ 
+ 
+ 
+