fix: eslint and lint fixed

This commit is contained in:
ex_zhangwenlei@exiot.cmcc
2024-11-22 16:41:14 +08:00
parent 391142223f
commit 1d3e9983f6
55 changed files with 5926 additions and 3885 deletions

View File

@@ -1,37 +1,36 @@
<script setup lang='ts'>
import Sparticles from 'sparticles';
import {ref,onMounted,onUnmounted} from 'vue';
import { useElementSize } from '@vueuse/core';
import { useElementSize } from '@vueuse/core'
import Sparticles from 'sparticles'
import { onMounted, onUnmounted, ref } from 'vue'
const starRef=ref();
const starRef = ref()
const { width, height}=useElementSize(starRef);
let options = ref({ shape: 'star',parallax:1.2,rotate:true,twinkle:true, speed: 10,count:200 });
function addSparticles(node:any,width:number,height:number) {
new Sparticles(node, options.value,width,height);
const { width, height } = useElementSize(starRef)
const options = ref({ shape: 'star', parallax: 1.2, rotate: true, twinkle: true, speed: 10, count: 200 })
function addSparticles(node: any, width: number, height: number) {
// eslint-disable-next-line no-new
new Sparticles(node, options.value, width, height)
}
// 页面大小改变时
const listenWindowSize=()=>{
window.addEventListener('resize',()=>{
if (width.value && height.value) {
addSparticles(starRef.value,width.value,height.value);
}
});
function listenWindowSize() {
window.addEventListener('resize', () => {
if (width.value && height.value) {
addSparticles(starRef.value, width.value, height.value)
}
})
}
onMounted(()=>{
addSparticles(starRef.value,width.value,height.value);
listenWindowSize()
onMounted(() => {
addSparticles(starRef.value, width.value, height.value)
listenWindowSize()
})
onUnmounted(()=>{
window.removeEventListener('resize',listenWindowSize)
onUnmounted(() => {
window.removeEventListener('resize', listenWindowSize)
})
</script>
<template>
<div class="w-screen h-screen overflow-hidden bg-transparent" ref="starRef">
</div>
<div ref="starRef" class="w-screen h-screen overflow-hidden bg-transparent" />
</template>
<style lang='scss' scoped></style>