ng g component topic-detail2 --standalone
页面结构
1.克服抑郁的方法区 
组件: 方法列表 
元素: 列表项（每个方法可以展开） 
示例内容: 
方法一: 寻求专业帮助 
描述: “咨询心理医生或心理治疗师，获得专业的支持和指导。” 
方法二: 建立健康的生活方式
描述: “保持规律的作息、均衡的饮食和适量的运动。” 
方法三: 与他人交流 
描述: “与朋友和家人分享你的感受，建立支持网络。”
2.自助工具区 
组件: 自助工具推荐 
元素: 工具名称 工具描述 使用链接或下载按钮 
示例内容: 工具一: 抑郁管理APP 
描述: “帮助你记录情绪变化，提供自助练习。” 
按钮: “下载APP” 
工具二: 在线支持小组 
描述: “与其他抑郁症患者交流，分享经验。” 
按钮: “加入小组”
3.资源区 
组件: 文章和视频推荐 
元素: 文章标题 视频缩略图 资源链接 
示例内容: 文章: “克服抑郁的十大技巧” 链接: “阅读更多” 视频: “如何面对抑郁” 链接: “观看视频”
4.社区支持区 
组件: 社区讨论 
元素: 讨论主题 参与链接 
示例内容: 主题: “分享你的抑郁克服故事” 链接: “参与讨论” 
请您作为一名专业的Ionic前端工程师，帮我运用ionic v7 或v8及以上的angular版本standalone模式编写，选择合适的ionic组件来重构以上产品页面的各个区域和内容，如果涉及到图形效果请用ion-icon。并给出整个页面的topic-detail2.component.html代码还有topic-detail2.component.ts代码