Commit 159eddbd authored by 罗超's avatar 罗超

修改交互

parent 4f42aff7
...@@ -76,5 +76,6 @@ const handleClickMenuItem = (item: ContextmenuItem) => { ...@@ -76,5 +76,6 @@ const handleClickMenuItem = (item: ContextmenuItem) => {
position: fixed; position: fixed;
z-index: 9999; z-index: 9999;
user-select: none; user-select: none;
font-family: Arial, Helvetica, sans-serif;
} }
</style> </style>
\ No newline at end of file
...@@ -20,19 +20,19 @@ withDefaults(defineProps<{ ...@@ -20,19 +20,19 @@ withDefaults(defineProps<{
height: 0; height: 0;
left: 0; left: 0;
top: 0; top: 0;
border: 0 dashed $themeColor; border: 0 solid $themeColor;
&.top { &.top {
border-top-width: 1px; border-top-width: 2px;
} }
&.bottom { &.bottom {
border-bottom-width: 1px; border-bottom-width: 2px;
} }
&.left { &.left {
border-left-width: 1px; border-left-width: 2px;
} }
&.right { &.right {
border-right-width: 1px; border-right-width: 2px;
} }
&.wide { &.wide {
......
...@@ -33,12 +33,13 @@ const rotateClassName = computed(() => { ...@@ -33,12 +33,13 @@ const rotateClassName = computed(() => {
position: absolute; position: absolute;
width: 10px; width: 10px;
height: 10px; height: 10px;
border-radius: 10px;
left: 0; left: 0;
top: 0; top: 0;
margin: -5px 0 0 -5px; margin: -4px 0 0 -4px;
border: 1px solid $themeColor; // border: 1px solid $themeColor;
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
background-color: #fff; background-color: #fff;
border-radius: 1px;
cursor: pointer; cursor: pointer;
&.left-top.rotate-0, &.left-top.rotate-0,
...@@ -81,5 +82,14 @@ const rotateClassName = computed(() => { ...@@ -81,5 +82,14 @@ const rotateClassName = computed(() => {
&.right-bottom.rotate-135 { &.right-bottom.rotate-135 {
cursor: ew-resize; cursor: ew-resize;
} }
&.left.rotate-0,
&.right.rotate-0{
width:6px;
height: 14px;
border-radius: 6px;
margin-left: -2px;
margin-top: -6px;
cursor: url('https://im.oytour.com/trip/cusor/7e6be5a8633602679325c01e745e53ef.svg') 16 16, default;
}
} }
</style> </style>
\ No newline at end of file
...@@ -11,11 +11,12 @@ ...@@ -11,11 +11,12 @@
position: absolute; position: absolute;
width: 10px; width: 10px;
height: 10px; height: 10px;
border-radius: 10px;
top: -25px; top: -25px;
margin-left: -5px; margin-left: -4px;
border: 1px solid $themeColor; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
// border: 1px solid $themeColor;
background-color: #fff; background-color: #fff;
border-radius: 1px;
cursor: grab; cursor: grab;
&:active { &:active {
......
...@@ -174,7 +174,7 @@ const handleClip = (data: ImageClipedEmitData | null) => { ...@@ -174,7 +174,7 @@ const handleClip = (data: ImageClipedEmitData | null) => {
position: absolute; position: absolute;
&.lock .element-content { &.lock .element-content {
cursor: default; cursor: url('https://im.oytour.com/trip/cusor/c7ca2e93ad449598be9ead2d132dd05b.svg?r=666') 16 16, default;
} }
} }
.rotate-wrapper { .rotate-wrapper {
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment