🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
# 招聘 **1.添加素材、排版** 如下图,在新建页面上添加图片素材、矩形、文本框,调整其位置、大小、文字内容、文字大小、颜色等属性 ![](https://box.kancloud.cn/1cb6ee42a1abe6d05441b0e00baa63d8_800x462.png) 同理添加三组相同的素材,排版如下 ![](https://box.kancloud.cn/971ef19a66ad1f8a4f3c3d6f8efd5235_800x471.png) 在添加图片时,我们应注意,将每一个职位的素材分别合并成组,并放在不同的图层内。例如,将“总顾问”一组放置“顾问”图层,将“市场总监”一组放置“市场总监”图层 ![](https://box.kancloud.cn/f77359340015cb6e4c7dad6a1fb68075_800x465.png) **2.添加动画效果** 在时间轴上选择所有图层的第30帧,右键→“插入帧” ![](https://box.kancloud.cn/61dcc019072a134046ac14ef02d82e99_800x473.png) 点击无需添加动画的图层3、4的类似锁状的按钮,将其锁住,选中“快递员”“市场总监”“顾问”三个图层的时间线,右键→“插入关键帧动画” ![](https://box.kancloud.cn/adeb56f74d32c784f82883a049ef1fa7_800x470.png) 分别选中“快递员”“市场总监”图层第1帧,调整“Y轴旋转”角度为“-50”“-40” ![](https://box.kancloud.cn/9c288607929fc89182ca239070501aba_800x468.png) 将第一组“总顾问”放在“舞台”正中间,选中动画最后一帧,即第30帧,将“快递员”组放在“舞台”正中间。 ![](https://box.kancloud.cn/8d3e5087c26f0f3931b918fe99ff2fdd_800x462.png) ![](https://box.kancloud.cn/4ccbcf86a81e731f2200e4be2a12d34d_800x467.png) 同时,在第30帧,点击设置“市场总监”“总顾问”组的“Y轴旋转”分别为“40”“50” ![](https://box.kancloud.cn/851cf0f483e14b315501a7b538f60e2f_800x461.png) **3.添加按钮** 如下图,新建一个图层,命名为“按钮”,添加一个矩形,使其高度与“舞台”相同,宽度大于“舞台” ![](https://box.kancloud.cn/c7b3cec5f6fffe47bcd4e0dd3828d327_800x465.png) 将按钮矩形“透明度”设置为“0”,并为其命名为“透明按钮” ![](https://box.kancloud.cn/be08bfbc07b21b0f9dae9eb5ea88bc87_800x422.png) 点击“舞台”空白处,在“舞台”的“属性”面板下找到“动画关联”,选择“启用”,点击“关联”按钮 ![](https://box.kancloud.cn/71f83246aa0fd4cacd761b5d82b754c3_800x465.png) 设置“关联”属性 关联对象:“透明按钮” 关联属性:“左” 开始值:“-203”(“透明按钮”最右端与舞台右端重合时的位置) 结束值:“0” 播放模式:“同步” 注意:为方面观察,也可先将“透明按钮”透明度调整为“20” ![](https://box.kancloud.cn/a11063709a6a979856658c63d0cbc6b7_800x463.png) 选中“透明按钮”,在其“属性”面板下找到“拖动/旋转”按钮,选择“水平拖动” ![](https://box.kancloud.cn/a9883bcec8b2db8c227c852ac48b86f1_800x463.png) **4.添加表单** 选中“我要应聘”按钮元素,在其“属性”面板下找到“动作”,选择“表单”,点击右边的“编辑”按钮 ![](https://box.kancloud.cn/602c1dd1aa8f57f3228c17102e313472_800x461.png) 在弹出的“编辑表单”中设置 表单名称:“应聘” 提交方式:“GET” 提交目标:“提交数据到后台” 确认消息:“提交成功” 背景颜色、字体颜色、字体大小等 点击“添加表单项” ![](https://box.kancloud.cn/e2c1ff86eb82844456791028ef1edd57_800x464.png) 在“添加表单项”对话框中填写 名称:“姓名” 描述:“姓名” 类型:“输入框”,点击“保存” ![](https://box.kancloud.cn/14f803512837e934b1564a19429d9612_800x389.png) 同理,再添加一个表单项,设置内容为 名称:“应聘职位” 描述:“应聘职位” 类型:“单选框” 取值:“总顾问、市场总监、快递员”(一行为一个选项) 点击“保存” ![](https://box.kancloud.cn/5aad06b31b57100bd6e236d4cb9d13de_800x365.png) 同理,再添加一个表单项,设置内容为 名称:“电话” 描述:“电话” 类型:“电话号码”,点击“保存” 可点击“预览”观察效果 ![](https://box.kancloud.cn/72fe675d3688354e7f504f5c6dec0c6a_800x397.png) **5.添加背景音乐** 添加一个音乐在“舞台”,将音乐素材移动至“舞台”之外,在“背景音乐”中选择“声音1” ![](https://box.kancloud.cn/580c0812ef81c135a4af3dbedc02ecab_802x462.png) 同时,也可设置“分享”与“加载” ![](https://box.kancloud.cn/9ead05296ea6d25c360b2ce2b51f70e5_800x465.png) **6.查看后台表单数据** 在“动画作品”界面点击该作品“统计”按钮 ![](https://box.kancloud.cn/602727d1b3eda36be42fd77f821c4f53_800x467.png) 在“数据”界面选择“表单数据”,即可查看所提交的表单信息。 ![](https://box.kancloud.cn/d277e088469ed8e4495d445f0c068a1a_800x415.png) 观看本节视频教程: http://cdn1.mugeda.com/course/4/4.1/4.1.2.mp4