注：达到效果的方式多种多样，大家可自己动脑研究，下文仅展示一种，如对操作有疑问可留言或者直接联系我；
【要求】
【元件使用】
【逻辑处理】
- 先处理红色框内容；
- 选择矩形1，拖到界面上，并输入对应的汉字；
- 选中这三个矩形，点击线段处的颜色，选择无；
- 选中三个矩形，点击鼠标右键，选择选项组，并填写组名称；
- 选中三个矩形，选择元件选中的样式；
- 选择填充颜色为：F2622C，字色为：FFFFFF；
- 选中“宝贝”，添加交互事件，单击时，设置选中，宝贝值为真；
- “天猫”，“店铺”同理，进行设置就好；
- 处理输入框
- 在组件库中选择文本框，拖到界面上，再设置提示文本“10月第一镰新米”，隐藏提示设置为“获取焦点”；
- 选中文本框，选择样式，线段颜色为：F2622C，线宽为3；
- 处理小图标
小图标查询地址：iconfont-阿里巴巴矢量图标库（这个地址的图标很好用，大家可以自己百度收藏）
- 将小图标下载，并拖入界面上，进行位置，大小调整后放置好；
- 选中文本框，选择交互，单击时隐藏图标，失去焦点时显示图标；
- 处理搜索按钮（可以用按钮，也可以用矩形框）；
- 选择矩形框，拖入界面上，位置，大小调整好，输入“搜索”，并设置字色为白色，填充和线段色为：F2622C；
- 设置页面交互，当页面载入时，“宝贝”选中为真；
