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

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

@ -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;