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