研学旅行智能体的搭建主讲人：时间：

目录UI与工作流业务实现CONTENTS测试工作流优化智能体作品展示与互评归纳总结

UI与工作流业务实现PART

01

步骤1:利用模型和组件进行UI设计。本案例选择“桌面网页—风格模板—极简主义—自然映画”模板，删除多余的文字、按钮及图片，只保留标题及背景图片。在右侧属性中修改标题文字“最美的课堂在路上——研学旅行智能体”，设置文本高度“填充容器”，如右图所示UI界面设计

步骤2:利用扣子UI平台容器进行布局。选择“容器”组件，在右侧修改容器组件的尺寸，宽和高分别设置100%（百分比）、500px（固定），布局排列方式为“横向”，方便同时显示输入与输出的