【仍在编辑】
首次Prompt：
#开发一个随机生成减脂餐菜谱的Web应用<功能描述>从已经有的约100+预设好的减脂餐菜谱中由用户随机抽选三个菜谱作为今天的减脂餐，做到营养均衡、美味、低卡、颜值高。</功能描述><页面描述> 页面内容处于视窗正中央，分为“菜谱行”和“操作行”部分。卡片、按钮边框采用ant-design组件库的默认样式。 <菜谱行：initialState> [布局]：宽度占据80vw，高度占据60vh，采用flex布局方式， 均匀地排放所有“菜谱卡片”组件。 其中，“菜谱卡片”组件： <菜谱卡片> 大小：高度300px；宽度：200px； 构成：从上到下三个部分：1.一个菜谱图片，高度150px。2.一个菜谱名称，font-weight：bold。 3.原材料列表 </菜谱卡片> [动画]：菜谱卡片从右到左按每秒20px的速度匀速从右向左进行循环位移。 </菜谱行：initialState> <操作行> 按钮：‘今天吃点儿啥呢？’ 按钮事件绑定：点击后会暂停<菜谱行：initialState>的[动画]。 </操作行></页面描述><数据来源> 请按照以下步骤整理数据： 1.搜索关键字，比如‘美味减脂餐’、‘低卡餐’、‘简单易做的健康餐’来爬取数据。需要收集100份。 2.收集到的数据需要整理成以下的字面量对象： {recipeName:'填入菜品名',recipeDetails:'填入菜品原材料'}</数据来源>请根据我提供的描述进行开发。
