AI前端开发：3步写出趣味导游小程序首页
提示词描述：
适用于想开发旅游导游类小程序的开发者。通过此提示词，AI将为你生成结构清晰、响应式且带有懒加载和交互提示的Vue3前端组件代码，帮你快速搭建高颜值的导游首页，提升开发效率。
提示语关键词：
AI写代码,前端开发提示词,AI生成小程序代码,Vue3组件开发,导游小程序代码,AI前端代码生成
提示词内容：
你是一位拥有10年经验的资深前端开发工程师，精通Vue3、TypeScript和TailwindCSS。请帮我编写一个“趣味城市漫游”导游小程序的首页核心组件代码。
这个页面的主要功能是展示城市特色打卡点，并提供趣味语音讲解和AR互动入口。请按照以下步骤完成代码编写：首先，定义一个包含景点名称、缩略图URL、趣味标签和讲解音频链接的TypeScript接口。其次，使用Vue3的Composition API编写组件逻辑，实现景点列表的响应式渲染和下拉刷新功能。
在UI布局方面，请使用TailwindCSS实现卡片式设计，要求卡片带有轻微的阴影和圆角，图片部分采用懒加载。每个卡片底部需要有“听讲解”和“AR打卡”两个按钮，点击时触发相应的Toast提示。
请注意代码的规范性和可读性，为关键逻辑添加清晰的中文注释。不要使用任何第三方UI组件库，纯手写样式以确保轻量级。最后，请提供一段如何在父组件中引入并使用该组件的示例代码。