feat: 属性面板以及简单撤销重做功能
This commit is contained in:
@@ -5,6 +5,7 @@ import ToolbarRight from '@/editor/toolbar/ToolbarRight.vue'
|
||||
import MaterialPanel from '@/editor/panels/material/index.vue'
|
||||
import LayerPanel from '@/editor/panels/layer/index.vue'
|
||||
import CanvasRoot from '@/editor/canvas/index.vue'
|
||||
import PropertyPanel from '@/editor/panels/property/index.vue'
|
||||
import { useEditorStore } from '@/stores/editor'
|
||||
import { storeToRefs } from 'pinia'
|
||||
|
||||
@@ -43,12 +44,12 @@ const layerWidth = computed(() => (panelVisible.value.layer ? '260px' : '0'))
|
||||
<!-- 画布 -->
|
||||
<CanvasRoot class="canvas flex-1">画布</CanvasRoot>
|
||||
<!-- 属性 -->
|
||||
<aside
|
||||
<PropertyPanel
|
||||
class="w-[256px] border-l border-white/20 overflow-hidden transition-all"
|
||||
:style="{ width: layerWidth }"
|
||||
>
|
||||
属性
|
||||
</aside>
|
||||
</PropertyPanel>
|
||||
</main>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
Reference in New Issue
Block a user