| | |
| | | <!-- 画中画 --> |
| | | <Vue3DraggableResizable |
| | | :key="selectPPT.id" |
| | | v-if="selectPPT.innerPicture &&selectPPT.innerPicture.marginLeft==0 && selectPPT.innerPicture.top==0 && selectPPT.innerPicture.src" |
| | | v-if="selectPPT.innerPicture && selectPPT.innerPicture.src && ((selectPPT.innerPicture.marginLeft == 0 && selectPPT.innerPicture.top != 0) || (selectPPT.innerPicture.marginLeft != 0 && selectPPT.innerPicture.top == 0))" |
| | | :parent="true" |
| | | :initW="selectPPT.innerPicture.width" |
| | | :initH="selectPPT.innerPicture.height" |
| | | v-model:x="selectPPT.innerPicture.marginLeft" |
| | | v-model:y="selectPPT.innerPicture.top" |
| | | v-model:w="selectPPT.innerPicture.width" |
| | | v-model:h="selectPPT.innerPicture.height" |
| | | :draggable="true" |
| | | :resizable="true" |
| | | @activated="print('PPT activated')" |
| | | @deactivated="print('PPT deactivated')" |
| | | @drag-start="print('PPT drag-start')" |
| | | @resize-start="print('PPT resize-start')" |
| | | @dragging="print('PPT dragging')" |
| | | @resizing="print('PPT resizing')" |
| | | @drag-end="print('PPT drag-end')" |
| | | @resize-end="print('PPT resize-end')" |
| | | style="z-index: 3" |
| | | > |
| | | <el-image class="ppt-bg" :src="selectPPT.innerPicture.src" /> |
| | | <el-icon |
| | | v-if="selectPPT.innerPicture.active" |
| | | size="20" |
| | | color="#409eff" |
| | | style="position: absolute; top: 5px; right: 5px; z-index: 4" |
| | | @click.stop="deleteInnerPicture" |
| | | > |
| | | <Delete /> |
| | | </el-icon> |
| | | </Vue3DraggableResizable> |
| | | <Vue3DraggableResizable |
| | | :key="selectPPT.id" |
| | | v-if="selectPPT.innerPicture && selectPPT.innerPicture.src && (selectPPT.innerPicture.marginLeft == 0 && selectPPT.innerPicture.top == 0)" |
| | | :parent="true" |
| | | :initW="selectPPT.innerPicture.width" |
| | | :initH="selectPPT.innerPicture.height" |