2022-01-20 21:25:35 +08:00
|
|
|
<template>
|
2022-01-27 23:16:51 +08:00
|
|
|
<div class="go-edit-range" :style="useSizeStyle(size)">
|
2022-01-20 21:25:35 +08:00
|
|
|
<slot></slot>
|
|
|
|
|
</div>
|
|
|
|
|
</template>
|
|
|
|
|
|
2022-01-27 23:16:51 +08:00
|
|
|
<script setup lang="ts">
|
|
|
|
|
import { useSizeStyle } from '../../hooks/useStyle.hook'
|
|
|
|
|
const size = {
|
|
|
|
|
w: 1920,
|
|
|
|
|
h: 1080
|
|
|
|
|
}
|
|
|
|
|
</script>
|
2022-01-20 21:25:35 +08:00
|
|
|
|
|
|
|
|
<style lang="scss" scoped>
|
|
|
|
|
@include go(edit-range) {
|
|
|
|
|
position: relative;
|
|
|
|
|
border: 1px solid;
|
|
|
|
|
background-color: #333;
|
2022-01-23 01:12:49 +08:00
|
|
|
border-radius: 15px;
|
2022-01-20 21:25:35 +08:00
|
|
|
@include filter-bg-color('background-color2');
|
|
|
|
|
@include fetch-theme('box-shadow');
|
|
|
|
|
@include filter-border-color('hover-border-color');
|
|
|
|
|
@include fetch-theme-custom('border-color', 'background-color4');
|
|
|
|
|
}
|
|
|
|
|
</style>
|
