myteamengine
/
editor.html

<html>

<body style="background-color: black; margin: 0px; padding: 2px;">

    <fast-design-system-provider use-defaults>
        <fast-button id="saveButton">保存</fast-button>
        <fast-button id="addOneBeatButton">加1小节</fast-button>
        <fast-button id="appendButton">Append转化</fast-button>

        <fast-card style="left:0px;width: 200px;height: 600px; position: absolute; margin: 2px;">
            <fast-button id="resetButton">重置位置</fast-button>
            <div style="height:100%; overflow:auto;">
                <fast-tree-view id="hierarchyTreeView">
                </fast-tree-view>
                <div style="height:1000px;"></div>
            </div>

        </fast-card>

        <fast-design-system-provider use-defaults>
            <fast-card style="left: 204px; width: 800px;height: 800px;  position: absolute; margin: 2px;">
                编辑面板
                </div>
            </fast-card>
            <fast-card style="left: 808px; width: 200px;height: 600px; position: absolute; margin: 2px;overflow:auto">
                <fast-accordion id="inspectorAccordion">

                </fast-accordion>
            </fast-card>
            <fast-card
                style="left: 0px; top:604px;width: 1008px;height: 180px; position: absolute; margin: 2px;overflow:auto;">
                资源面板
            </fast-card>
        </fast-design-system-provider>
        <script src="editor.js"></script>

</body>

</html>