A. 本任务为测试任务单（TASK901_可拖动布局），做1个页面（含少量订制）。 

要求：

1. 使用VUE2 + GoldenLayout(官网 ****s://golden-layout****)组件

2. 使用AntD Grid布局，实现指定样式的可拖拽页面，布局：顶部空白信息区、主体拖拽区、底部控制区。

顶部空白区：留空，高50px。

主体拖拽区：根据GoldenLayout的官方资料实现参考视频中的拖拽交互。

底部控制区：实现原型图片的布局样式，点击+号向主体已有拖拽区tab页添加一个窗口、播放按钮（无须功能）、隐藏控制区按钮（点击让当前控制器区悬浮成一个图标，扩展空间出来给主体区域，点击悬浮图标恢复原样）。

相关资料：

Demo地址： ****://golden-layout****/examples/#197a39fa9ce4bf1b39a207593e41f5e3

Demo Tutorial: ****://golden-layout****/tutorials/getting-started.html

npm库地址：****s://golden-layout.github.io/golden-layout/#installation--usage

vue集成 ： ****s://vuejsexamples****/golden-layout-integration-in-vue/

B. 另外还有5个任务基于本项目做更深层次的订制，价格可议。