|
@@ -1,5 +1,8 @@
|
|
<template>
|
|
<template>
|
|
- <div class="annotation-box" :style="style" @mousedown.stop.prevent="moveSelf" @touchstart.stop.prevent="moveSelf">
|
|
|
|
|
|
+ <div class="annotation-box"
|
|
|
|
+ :class="{draggable: type}"
|
|
|
|
+ :style="style"
|
|
|
|
+ @mousedown.stop.prevent="moveSelf" @touchstart.stop.prevent="moveSelf">
|
|
<div class="nw" @mousedown.stop.prevent="resizeSelf('nw')" @touchstart.stop.prevent="resizeSelf('nw')"></div>
|
|
<div class="nw" @mousedown.stop.prevent="resizeSelf('nw')" @touchstart.stop.prevent="resizeSelf('nw')"></div>
|
|
<div class="nn" @mousedown.stop.prevent="resizeSelf('nn')" @touchstart.stop.prevent="resizeSelf('nn')"></div>
|
|
<div class="nn" @mousedown.stop.prevent="resizeSelf('nn')" @touchstart.stop.prevent="resizeSelf('nn')"></div>
|
|
<div class="ne" @mousedown.stop.prevent="resizeSelf('ne')" @touchstart.stop.prevent="resizeSelf('ne')"></div>
|
|
<div class="ne" @mousedown.stop.prevent="resizeSelf('ne')" @touchstart.stop.prevent="resizeSelf('ne')"></div>
|
|
@@ -139,7 +142,9 @@ export default {
|
|
<style scoped>
|
|
<style scoped>
|
|
.annotation-box {
|
|
.annotation-box {
|
|
position: absolute;
|
|
position: absolute;
|
|
|
|
+}
|
|
|
|
|
|
|
|
+.annotation-box.draggable {
|
|
display: grid;
|
|
display: grid;
|
|
grid-template-rows: 10px auto 10px;
|
|
grid-template-rows: 10px auto 10px;
|
|
grid-template-columns: 10px auto 10px;
|
|
grid-template-columns: 10px auto 10px;
|