3 changed files with 70 additions and 43 deletions
@ -0,0 +1,59 @@ |
|||
<template> |
|||
<div class="section-canvas"> |
|||
<div class="section-top-toolbar section-toolbar"> |
|||
<el-button type="primary" :icon="renderIcon('element TopLeft')" link></el-button> |
|||
<span class="section-toolbar-line"></span> |
|||
<el-button type="primary" :icon="renderIcon('element TopRight')" link></el-button> |
|||
<span class="section-toolbar-line"></span> |
|||
<el-button type="primary" :icon="renderIcon('icon5 Resize')" link>尺寸</el-button> |
|||
<span class="section-toolbar-line"></span> |
|||
<el-button type="primary" :icon="renderIcon('antd SwitcherOutlined')" link>图层</el-button> |
|||
<span class="section-toolbar-line"></span> |
|||
<el-button type="primary" :icon="renderIcon('element Setting')" link>设置</el-button> |
|||
</div> |
|||
<div class="section-content"></div> |
|||
<div class="section-bottom-toolbar section-toolbar"> |
|||
<div class="section-toolbar-left"> |
|||
<el-button type="primary" :icon="renderIcon('fa MousePointer')" link></el-button> |
|||
<span class="section-toolbar-line"></span> |
|||
<el-button type="primary" :icon="renderIcon('element Aim')" link></el-button> |
|||
<span class="section-toolbar-line"></span> |
|||
<el-button type="primary" :icon="renderIcon('antd LineOutlined')" link></el-button> |
|||
<span class="section-toolbar-line"></span> |
|||
<el-button type="primary" :icon="renderIcon('icon5 BandageSharp')" link></el-button> |
|||
<span class="section-toolbar-line"></span> |
|||
<el-button type="primary" :icon="renderIcon('antd InsertRowLeftOutlined')" link></el-button> |
|||
</div> |
|||
<div class="section-toolbar-right"> |
|||
<el-button type="primary" size="small" round>清空选择</el-button> |
|||
<div class="infor"> |
|||
X=14.091,Y=12.397 |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</template> |
|||
<script> |
|||
import { renderIcon } from '@/utils/webutils.ts' |
|||
|
|||
export default { |
|||
name: 'ModelEditor', |
|||
components: { |
|||
renderIcon |
|||
}, |
|||
data() { |
|||
return { |
|||
sectionLeftSearch: '', |
|||
sectionRightSize: 0, |
|||
sectionBottomSize: 0, |
|||
hideRight: false, |
|||
hideBottom: false, |
|||
calcRightPanel: null, |
|||
calcBottomPanel: null |
|||
} |
|||
}, |
|||
methods: { |
|||
renderIcon |
|||
} |
|||
} |
|||
</script> |
|||
Loading…
Reference in new issue