|
@@ -30,6 +30,12 @@
|
|
|
:in-full="true"
|
|
|
@pull="index => (pullIndex = index)"
|
|
|
/>
|
|
|
+ <div class="edit-hot" v-if="router.currentRoute.value.name === RoutesName.tagging">
|
|
|
+ <span @click="$emit('delete')" class="fun-ctrl">
|
|
|
+ <ui-icon type="del" />
|
|
|
+ 删除
|
|
|
+ </span>
|
|
|
+ </div>
|
|
|
</UIBubble>
|
|
|
|
|
|
<Preview
|
|
@@ -44,6 +50,7 @@
|
|
|
|
|
|
<script lang="ts" setup>
|
|
|
import { computed, ref, watchEffect, watch } from 'vue'
|
|
|
+import { router, RoutesName } from '@/router'
|
|
|
import UIBubble from 'bill/components/bubble/index.vue'
|
|
|
import Images from '@/views/tagging/images.vue'
|
|
|
import Preview, { MediaType } from '../static-preview/index.vue'
|
|
@@ -56,6 +63,7 @@ import type { Tagging, TaggingPosition } from '@/store';
|
|
|
|
|
|
export type SignProps = { tagging: Tagging, scenePos: TaggingPosition, show?: boolean }
|
|
|
|
|
|
+defineEmits<{ (e: 'delete'): void }>()
|
|
|
|
|
|
const props = defineProps<SignProps>()
|
|
|
const posStyle = ref<null | { left: string, top: string}>(null)
|
|
@@ -146,4 +154,15 @@ const iconClickHandler = () => {
|
|
|
}
|
|
|
}
|
|
|
|
|
|
+.edit-hot {
|
|
|
+ margin-top: 20px;
|
|
|
+ text-align: right;
|
|
|
+
|
|
|
+ span {
|
|
|
+ font-size: 14px;
|
|
|
+ color: rgba(255, 255, 255, 0.6);
|
|
|
+ cursor: pointer;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
</style>
|