blackteay/icegl-three-vue-tres
1
0
Fork 0
mirror of https://gitee.com/ice-gl/icegl-three-vue-tres.git synced 2025-04-05 06:22:43 +08:00
Code Issues Projects Releases Wiki Activity

修复一个electricFan场景的小bug

Browse Source
This commit is contained in:
hawk86104 2024-03-06 15:11:36 +08:00
parent 2bbcd93a7e
commit 037c45935c
1 changed files with 21 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

31
src/plugins/eCommerce/components/svg.vue
View File

@ -4,36 +4,44 @@
* @Autor: 地虎降天龙 * @Autor: 地虎降天龙
* @Date: 2024-01-16 10:30:59 * @Date: 2024-01-16 10:30:59
* @LastEditors: 地虎降天龙 * @LastEditors: 地虎降天龙
* @LastEditTime: 2024-01-16 12:04:33 * @LastEditTime: 2024-03-06 15:08:26
--> -->
<template> <template>
<Html v-bind="state" :position="[0.6, -0.01, 0.16]" :rotation="[0, 0.6, 0]"> <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"> <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" <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" <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" <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" <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" <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" <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" <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" <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> </circle>
</svg> </svg>
</Html> </Html>
</template> </template>
<script setup lang="ts"> <script setup lang="ts">
import { Html } from "@tresjs/cientos" import { Html } from "@tresjs/cientos"
// import { useSeek } from "@tresjs/core" // import { useSeek } from "@tresjs/core"
import { reactive, inject } from 'vue' import { reactive, inject } from 'vue'
const props = defineProps({ const props = defineProps({
model: { model: {
type: Object, type: Object,
@ -77,7 +85,8 @@ const state = reactive({
} }
} }
} }
</style>
<style scoped>
svg { svg {
width: 300px; width: 300px;
height: 300px; height: 300px;