refactor: 重构多个组件以支持 Vue 3 语法和功能

- 将多个组件转换为 `<script setup>` 语法，提升可读性和性能
- 优化状态管理和事件处理逻辑，简化代码结构
- 更新样式和布局以适应新组件结构
- 添加新功能和修复已知问题，提升用户体验

pages/mine/distribution/achievement.vue

@@ -1,11 +1,10 @@
 <template>
-    
+  <view></view>
 </template>
-<script>
-export default {
-    
-}
-</script>
-<style lang="scss" scoped>
 
-</style>
+<script setup lang="ts">
+// 占位页，暂无业务逻辑
+</script>
+
+<style lang="scss" scoped>
+</style>