diff --git a/src/plugins/eCommerce/components/svg.vue b/src/plugins/eCommerce/components/svg.vue
index aa95e87f..7b553b29 100644
--- a/src/plugins/eCommerce/components/svg.vue
+++ b/src/plugins/eCommerce/components/svg.vue
@@ -4,36 +4,44 @@
  * @Autor: 地虎降天龙
  * @Date: 2024-01-16 10:30:59
  * @LastEditors: 地虎降天龙
- * @LastEditTime: 2024-01-16 12:04:33
+ * @LastEditTime: 2024-03-06 15:08:26
 -->
 <template>
 	<Html v-bind="state" :position="[0.6, -0.01, 0.16]" :rotation="[0, 0.6, 0]">
 	<svg xmlns="http://www.w3.org/2000/svg" @click="onClick">
 		<circle id="arc1" class="circle" cx="150" cy="150" r="120" opacity=".89" fill="none" stroke="#632b26"
-			stroke-width="12" stroke-linecap="square" stroke-opacity=".99213" paint-order="fill markers stroke"></circle>
+			stroke-width="12" stroke-linecap="square" stroke-opacity=".99213" paint-order="fill markers stroke"
+></circle>
 		<circle id="arc2" class="circle" cx="150" cy="150" r="120" opacity=".49" fill="none" stroke="#632b26" stroke-width="8"
-			stroke-linecap="square" stroke-opacity=".99213" paint-order="fill markers stroke"></circle>
+			stroke-linecap="square" stroke-opacity=".99213" paint-order="fill markers stroke"
+></circle>
 		<circle id="arc3" class="circle" cx="150" cy="150" r="100" opacity=".49" fill="none" stroke="#632b26"
-			stroke-width="20" stroke-linecap="square" stroke-opacity=".99213" paint-order="fill markers stroke"></circle>
+			stroke-width="20" stroke-linecap="square" stroke-opacity=".99213" paint-order="fill markers stroke"
+></circle>
 		<circle id="arc4" class="circle" cx="150" cy="150" r="120" opacity=".49" fill="none" stroke="#632b26"
-			stroke-width="30" stroke-linecap="square" stroke-opacity=".99213" paint-order="fill markers stroke"></circle>
+			stroke-width="30" stroke-linecap="square" stroke-opacity=".99213" paint-order="fill markers stroke"
+></circle>
 		<circle id="arc5" class="circle" cx="150" cy="150" r="100" opacity=".89" fill="none" stroke="#632b26" stroke-width="8"
-			stroke-linecap="square" stroke-opacity=".99213" paint-order="fill markers stroke"></circle>
+			stroke-linecap="square" stroke-opacity=".99213" paint-order="fill markers stroke"
+></circle>
 		<circle id="arc6" class="circle" cx="150" cy="150" r="90" opacity=".49" fill="none" stroke="#632b26" stroke-width="16"
-			stroke-linecap="square" stroke-opacity=".99213" paint-order="fill markers stroke"></circle>
+			stroke-linecap="square" stroke-opacity=".99213" paint-order="fill markers stroke"
+></circle>
 		<circle id="arc7" class="circle" cx="150" cy="150" r="90" opacity=".89" fill="none" stroke="#632b26" stroke-width="8"
-			stroke-linecap="square" stroke-opacity=".99213" paint-order="fill markers stroke"></circle>
+			stroke-linecap="square" stroke-opacity=".99213" paint-order="fill markers stroke"
+></circle>
 		<circle id="arc8" class="circle" cx="150" cy="150" r="80" opacity=".79" fill="#4DD0E1" fill-opacity="0"
-			stroke="#632b26" stroke-width="8" stroke-linecap="square" stroke-opacity=".99213" paint-order="fill markers stroke">
+			stroke="#632b26" stroke-width="8" stroke-linecap="square" stroke-opacity=".99213" paint-order="fill markers stroke"
+>
 		</circle>
 	</svg>
-
-	</Html>
+</Html>
 </template>
 <script setup lang="ts">
 import { Html } from "@tresjs/cientos"
 // import { useSeek } from "@tresjs/core"
 import { reactive, inject } from 'vue'
+
 const props = defineProps({
 	model: {
 		type: Object,
@@ -77,7 +85,8 @@ const state = reactive({
 		}
 	}
 }
-
+</style>
+<style scoped>
 svg {
 	width: 300px;
 	height: 300px;
