1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
| <script setup>
| import { ref } from "vue";
| const props = defineProps({
| offset: {
| type: Array,
| default() {
| return [0, 0];
| },
| },
| stateColor: {
| type: String,
| default: "#804000",
| },
| lockFillColor: {
| type: String,
| default: "#804000",
| },
| });
|
| </script>
|
| <template>
| <g ref="g" :transform="'translate(' + offset.join(',') + ')'">
| <rect
| :width="8"
| :height="20"
| stroke="transparent"
| fill="transparent"
| style="stroke-width: 2"
| ref="lock0"
| />
| <rect x="1" y="0" width="6" height="6" rx="2" ry="2" :fill="stateColor" stroke="none" />
| <path d="M809.6 416.64h-53.76V308.48c0-135.68-108.096-243.84-243.2-243.84-135.04 0-243.2 108.16-243.2 243.84v108.16h-53.76c-29.44 0-53.76 24.32-53.76 53.76v433.28c0 29.44 24.32 53.76 53.76 53.76h593.92c30.08 0 54.4-24.32 54.4-53.76V470.4c0-29.44-24.32-53.76-54.4-53.76z m-135.04 0H350.72V308.48c0-89.6 72.96-162.56 161.92-162.56a162.56 162.56 0 0 1 161.92 162.56v108.16z" :fill="lockFillColor" transform="translate(-2, 8) scale(0.012)"></path>
| </g>
| </template>
|
| <style scoped lang="less">
|
| </style>
|
|
