a

src/views/space/space.vue

@@ -1,61 +1,9 @@
 <template>
-    <div>
+  个人空间
-      <!-- 爱心按钮，点击后会变红，并带有过渡效果 -->
+</template>
-      <button @click="toggleLike" :class="{'liked': isLiked}">
+<script>
-        <span v-if="isLiked">❤️</span>
+export default {
-        <span v-else>🤍</span>
+  name: 'spaceIndex', // 添加组件名称
-      </button>
+  // 其他组件选项
-    </div>
-  </template>
-  
-  <script>
-  export default {
-      name:'AaA',
-    data() {
-      return {
-        isLiked: false, // 用于存储是否已点赞
-      };
-    },
-    methods: {
-      toggleLike() {
-        this.isLiked = !this.isLiked; // 切换点赞状态
-      },
-    },
-  };
-  </script>
-  
-  <style scoped>
-  /* 默认的按钮样式 */
-  button {
-    background: none;
-    border: none;
-    font-size: 3rem;
-    cursor: pointer;
-    outline: none;
-    padding: 0;
-  }
-  
-  /* 点赞后的红色样式 */
-  @keyframes scaleAnimation {
-  0% {
-    transform: scale(1);
-  }
-  50% {
-    transform: scale(1.2);
-  }
-  100% {
-    transform: scale(1);
-  }
 }
-
+</script>
-/* .liked 类，应用动画 */
-.liked {
-  color: red;
-  animation: scaleAnimation 0.5s ease-in-out;
-}
-  
-
- 
-  
-  </style>
-