perf: 优化时钟,移除无用元素

This commit is contained in:
tnt group 2022-09-26 17:07:12 +08:00
parent ad1ff249aa
commit e7349bfae9

View File

@ -1,5 +1,4 @@
<template> <template>
<div style="position: relative">
<svg xmlns="http://www.w3.org/2000/svg" :viewBox="`0 0 200 200`"> <svg xmlns="http://www.w3.org/2000/svg" :viewBox="`0 0 200 200`">
<filter id="innerShadow" x="-20%" y="-20%" width="140%" height="140%"> <filter id="innerShadow" x="-20%" y="-20%" width="140%" height="140%">
<feGaussianBlur in="SourceGraphic" stdDeviation="3" result="blur" /> <feGaussianBlur in="SourceGraphic" stdDeviation="3" result="blur" />
@ -8,14 +7,7 @@
<!-- 表盘 --> <!-- 表盘 -->
<g> <g>
<circle <circle id="shadow" style="fill: rgba(0, 0, 0, 0.1)" cx="100" cy="100" r="87" filter="url(#innerShadow)"></circle>
id="shadow"
style="fill: rgba(0, 0, 0, 0.1)"
cx="100"
cy="100"
r="87"
filter="url(#innerShadow)"
></circle>
<circle id="circle" class="clock-border" cx="100" cy="100" r="80"></circle> <circle id="circle" class="clock-border" cx="100" cy="100" r="80"></circle>
</g> </g>
@ -71,7 +63,6 @@
:key="`line_${num + 1}`" :key="`line_${num + 1}`"
></line> ></line>
</svg> </svg>
</div>
</template> </template>
<script setup lang="ts"> <script setup lang="ts">