-
- Links
-
+
+
+
+
+
+
+
+
+
+
+
+
{{ link.title }}
+
{{ link.description }}
+
+
+
+
+
+
-
+
\ No newline at end of file
+export default {
+ name: "FriendLinks",
+ setup() {
+ const friendLinks = ref([]);
+ const hoveredCardId = ref(null);
+
+ // 加载 YAML 文件
+ fetch("/links.yml")
+ .then((response) => response.text())
+ .then((text) => {
+ friendLinks.value = yaml.load(text);
+ })
+ .catch((error) => {
+ console.error("Failed to load YAML file:", error);
+ });
+
+ const hoverEffect = (cardId) => {
+ hoveredCardId.value = cardId;
+ };
+
+ const resetEffect = () => {
+ hoveredCardId.value = null;
+ };
+
+ const cardStyle = (cardId) => {
+ return {
+ transform: hoveredCardId.value === cardId ? "scale(1.05)" : "scale(1)",
+ transition: "transform 0.3s ease",
+ };
+ };
+
+ return {
+ friendLinks,
+ hoverEffect,
+ resetEffect,
+ cardStyle,
+ };
+ },
+};
+
+
+