|
@@ -3,11 +3,11 @@
|
|
|
<!-- <div :class="{'active':active=='move'}">
|
|
|
<i class="iconfont icon-move" @click="moveCanvas"></i>
|
|
|
</div> -->
|
|
|
- <div v-if="config.isEdit&&config.groupSelect" :class="{'active':active=='groupSelect'}">
|
|
|
- <i class="iconfont icon-shuxingxuanze" @click="groupSelect"></i>
|
|
|
+ <div v-if="config.isEdit&&config.groupSelect" :class="{'active':active=='groupSelect'}" @click="groupSelect">
|
|
|
+ <i class="iconfont icon-shuxingxuanze"></i>
|
|
|
</div>
|
|
|
- <div>
|
|
|
- <i class="iconfont icon-maximize" @click="fitToWindow"></i>
|
|
|
+ <div @click="fitToWindow">
|
|
|
+ <i class="iconfont icon-maximize"></i>
|
|
|
</div>
|
|
|
<div v-if="!config.isEdit">
|
|
|
<el-dropdown size="mini" placement="top-start" @command="handleCommand">
|
|
@@ -19,33 +19,33 @@
|
|
|
</el-dropdown-menu>
|
|
|
</el-dropdown>
|
|
|
</div>
|
|
|
- <div v-if="config.isEdit&&config.divide" :class="{'active':active=='divide'}">
|
|
|
+ <div v-if="config.isEdit&&config.divide" :class="{'active':active=='divide'}" @click="divide">
|
|
|
<el-dropdown size="mini" placement="top-start" @command="handleDivideCommand" :hide-on-click="false">
|
|
|
- <i class="iconfont icon-edit1" @click="divide"></i>
|
|
|
+ <i class="iconfont icon-edit1"></i>
|
|
|
<el-dropdown-menu slot='dropdown'>
|
|
|
<el-dropdown-item command="savePng">
|
|
|
- 吸附<el-switch v-model="isSwitch"></el-switch>
|
|
|
+ 吸附 <el-switch v-model="isSwitch"></el-switch>
|
|
|
</el-dropdown-item>
|
|
|
</el-dropdown-menu>
|
|
|
</el-dropdown>
|
|
|
</div>
|
|
|
- <div v-if="config.isEdit&&config.divide">
|
|
|
- <i class="iconfont icon-Erase" @click="clearDivide"></i>
|
|
|
+ <div v-if="config.isEdit&&config.divide" @click="clearDivide">
|
|
|
+ <i class="iconfont icon-Erase"></i>
|
|
|
</div>
|
|
|
- <div v-if="config.isEdit">
|
|
|
- <i class="iconfont icon-Cancel" @click="undo"></i>
|
|
|
+ <div v-if="config.isEdit" @click="undo">
|
|
|
+ <i class="iconfont icon-Cancel"></i>
|
|
|
</div>
|
|
|
- <div v-if="config.isEdit">
|
|
|
- <i class="iconfont icon-Anti-cancel" @click="redo"></i>
|
|
|
+ <div v-if="config.isEdit" @click="redo">
|
|
|
+ <i class="iconfont icon-Anti-cancel"></i>
|
|
|
</div>
|
|
|
- <div>
|
|
|
- <i class="iconfont icon-narrow" @click="reduce"></i>
|
|
|
+ <div @click="reduce">
|
|
|
+ <i class="iconfont icon-narrow"></i>
|
|
|
</div>
|
|
|
<div class="line">
|
|
|
<el-slider tooltip-class="tooltip-class" :min="min" v-model="sliderVal" :show-tooltip="false" @input="scale" :max="max"></el-slider>
|
|
|
</div>
|
|
|
- <div>
|
|
|
- <i class="iconfont icon-zoom" @click="plus"></i>
|
|
|
+ <div @click="plus">
|
|
|
+ <i class="iconfont icon-zoom"></i>
|
|
|
</div>
|
|
|
</el-row>
|
|
|
</template>
|