| | |
|---|
| | | left: PPTpositon.x * (thumViewSize.height / 450) + 'px' |
|---|
| | | }" |
|---|
| | | :src="selectHost?.pictureUrl" |
|---|
| | | fit="cover" |
|---|
| | | /> |
|---|
| | | <div class="list-index" :style="element.isActive ? 'background: #409eff' : ''"> |
|---|
| | | {{ index + 1 }} |
|---|
| | |
|---|
| | | @resize-end="print('PPT resize-end')" |
|---|
| | | style="z-index: 3" |
|---|
| | | > |
|---|
| | | <el-image class="ppt-bg" :src="selectPPT.innerPicture.src" fit="cover" /> |
|---|
| | | <el-image class="ppt-bg" :src="selectPPT.innerPicture.src" /> |
|---|
| | | <el-icon |
|---|
| | | v-if="PPTpositon.active" |
|---|
| | | size="20" |
|---|
| | |
|---|
| | | </Vue3DraggableResizable> |
|---|
| | | <Vue3DraggableResizable |
|---|
| | | v-if="selectPPT.showDigitalHuman" |
|---|
| | | :parent="true" |
|---|
| | | :lockAspectRatio="true" |
|---|
| | | :parent="false" |
|---|
| | | :initW="PPTpositon.w" |
|---|
| | | :initH="PPTpositon.h" |
|---|
| | | @drag-move="onDragMove" |
|---|
| | | v-model:x="PPTpositon.x" |
|---|
| | | v-model:y="PPTpositon.y" |
|---|
| | | v-model:w="PPTpositon.w" |
|---|
| | |
|---|
| | | <el-image |
|---|
| | | class="minddle-host-image" |
|---|
| | | :src="selectHost ? selectHost.pictureUrl : ''" |
|---|
| | | fit="cover" |
|---|
| | | /> |
|---|
| | | <el-icon |
|---|
| | | v-if="PPTpositon.active" |
|---|
| | |
|---|
| | | nextTick(() => { |
|---|
| | | inputRef.value.focus() |
|---|
| | | }) |
|---|
| | | } |
|---|
| | | }; |
|---|
| | | const onDragMove = (evt, data) => { |
|---|
| | | console.log(evt) |
|---|
| | | console.log(data) |
|---|
| | | |
|---|
| | | // 限制坐标 |
|---|
| | | if (data.x < -100) { |
|---|
| | | data.x = -100; // 可以设置最小坐标为 -100 |
|---|
| | | } |
|---|
| | | if (data.y < -100) { |
|---|
| | | data.y = -100; // 可以设置最小坐标为 -100 |
|---|
| | | } |
|---|
| | | }; |
|---|
| | | // 保存编辑后的名称 |
|---|
| | | const saveEdit = () => { |
|---|
| | | isEditing.value = false |
|---|
