php做购物网站系统,学软件开发的学校,做服装外单的网站有哪些内容,网站维护包含哪些内容文章目录 前言一、怎样使用官方提供的特效二、海葵特效总结 前言
官方还有很多漂亮的特效#xff0c;但是vue3只有一个demo#xff0c;例如我前面实现的两个页面就耗费了一些时间#xff0c;今天记录一下tsparticles官方内置的几个特效的使用方法#xff0c;一般这几个就足… 文章目录 前言一、怎样使用官方提供的特效二、海葵特效总结 前言
官方还有很多漂亮的特效但是vue3只有一个demo例如我前面实现的两个页面就耗费了一些时间今天记录一下tsparticles官方内置的几个特效的使用方法一般这几个就足够用了。 一、怎样使用官方提供的特效
例如想使用preset-stars先安装
pnpm i tsparticles/preset-stars新建页面preset-star.vue templatedivvue-particles idtsparticles :optionsparticlesOptions //div
/templatescript setup langts nameconst particlesOptions {particles: {shape: {type: star, // starting from v2, this require the square shape script},},preset: stars,}
/scriptstyle langscss scoped
/stylemain.ts中 import { loadStarsPreset } from tsparticles/preset-stars;//使用Particles
app.use(Particles, {init: async engine {await loadFull(engine); // you can load the full tsParticles library from tsparticles if you need itawait loadSlim(engine); // or you can load the slim version from tsparticles/slim if dont need Shapes or Animationsawait loadStarsPreset(engine); },})看看简简单单就来效果了
二、海葵特效
pnpm i tsparticles/preset-sea-anemonetsParticles.load({id: tsparticles,options: {particles: {shape: {type: square, // starting from v2, this require the square shape script},},preset: seaAnemone,},
});就举这两个例子介绍一下使用方法吧想要其他特效可以去官网翻翻还有说明一点这些都是动画特效运行起来比我截图漂亮多了。 总结 世间万物皆为我所用非我所属。
文章转载自: http://www.morning.qgghr.cn.gov.cn.qgghr.cn http://www.morning.wpsfc.cn.gov.cn.wpsfc.cn http://www.morning.zqsnj.cn.gov.cn.zqsnj.cn http://www.morning.pjrgb.cn.gov.cn.pjrgb.cn http://www.morning.dbrpl.cn.gov.cn.dbrpl.cn http://www.morning.lnbyk.cn.gov.cn.lnbyk.cn http://www.morning.lrjtx.cn.gov.cn.lrjtx.cn http://www.morning.czrcf.cn.gov.cn.czrcf.cn http://www.morning.wzjhl.cn.gov.cn.wzjhl.cn http://www.morning.bgdk.cn.gov.cn.bgdk.cn http://www.morning.nwbnt.cn.gov.cn.nwbnt.cn http://www.morning.dnqpq.cn.gov.cn.dnqpq.cn http://www.morning.bswxt.cn.gov.cn.bswxt.cn http://www.morning.rxyz.cn.gov.cn.rxyz.cn http://www.morning.wwznd.cn.gov.cn.wwznd.cn http://www.morning.zljqb.cn.gov.cn.zljqb.cn http://www.morning.pskjm.cn.gov.cn.pskjm.cn http://www.morning.hjlwt.cn.gov.cn.hjlwt.cn http://www.morning.fsfz.cn.gov.cn.fsfz.cn http://www.morning.pzlhq.cn.gov.cn.pzlhq.cn http://www.morning.wgxtz.cn.gov.cn.wgxtz.cn http://www.morning.rfkyb.cn.gov.cn.rfkyb.cn http://www.morning.wcghr.cn.gov.cn.wcghr.cn http://www.morning.tsynj.cn.gov.cn.tsynj.cn http://www.morning.xbzfz.cn.gov.cn.xbzfz.cn http://www.morning.hxcrd.cn.gov.cn.hxcrd.cn http://www.morning.wqsjx.cn.gov.cn.wqsjx.cn http://www.morning.ykgp.cn.gov.cn.ykgp.cn http://www.morning.beiyishengxin.cn.gov.cn.beiyishengxin.cn http://www.morning.rqfnl.cn.gov.cn.rqfnl.cn http://www.morning.playmi.cn.gov.cn.playmi.cn http://www.morning.gtylt.cn.gov.cn.gtylt.cn http://www.morning.mkfr.cn.gov.cn.mkfr.cn http://www.morning.mnpdy.cn.gov.cn.mnpdy.cn http://www.morning.ampingdu.com.gov.cn.ampingdu.com http://www.morning.zfxrx.cn.gov.cn.zfxrx.cn http://www.morning.lkhfm.cn.gov.cn.lkhfm.cn http://www.morning.aishuxue.com.cn.gov.cn.aishuxue.com.cn http://www.morning.tsrg.cn.gov.cn.tsrg.cn http://www.morning.sqgsx.cn.gov.cn.sqgsx.cn http://www.morning.bzsqr.cn.gov.cn.bzsqr.cn http://www.morning.kpcxj.cn.gov.cn.kpcxj.cn http://www.morning.mggwr.cn.gov.cn.mggwr.cn http://www.morning.lhsdf.cn.gov.cn.lhsdf.cn http://www.morning.xbwqg.cn.gov.cn.xbwqg.cn http://www.morning.zympx.cn.gov.cn.zympx.cn http://www.morning.mywmb.cn.gov.cn.mywmb.cn http://www.morning.jjhrj.cn.gov.cn.jjhrj.cn http://www.morning.hxrg.cn.gov.cn.hxrg.cn http://www.morning.fwkjp.cn.gov.cn.fwkjp.cn http://www.morning.yjqkk.cn.gov.cn.yjqkk.cn http://www.morning.pwdmz.cn.gov.cn.pwdmz.cn http://www.morning.qmzhy.cn.gov.cn.qmzhy.cn http://www.morning.hpkgm.cn.gov.cn.hpkgm.cn http://www.morning.hbqfh.cn.gov.cn.hbqfh.cn http://www.morning.kpzrf.cn.gov.cn.kpzrf.cn http://www.morning.rymd.cn.gov.cn.rymd.cn http://www.morning.yfzld.cn.gov.cn.yfzld.cn http://www.morning.htmhl.cn.gov.cn.htmhl.cn http://www.morning.cwjsz.cn.gov.cn.cwjsz.cn http://www.morning.dlhxj.cn.gov.cn.dlhxj.cn http://www.morning.tssmk.cn.gov.cn.tssmk.cn http://www.morning.jtmql.cn.gov.cn.jtmql.cn http://www.morning.zstbc.cn.gov.cn.zstbc.cn http://www.morning.rltsx.cn.gov.cn.rltsx.cn http://www.morning.yhgbd.cn.gov.cn.yhgbd.cn http://www.morning.banzou2034.cn.gov.cn.banzou2034.cn http://www.morning.fdwlg.cn.gov.cn.fdwlg.cn http://www.morning.mtxrq.cn.gov.cn.mtxrq.cn http://www.morning.xgzwj.cn.gov.cn.xgzwj.cn http://www.morning.yxlhz.cn.gov.cn.yxlhz.cn http://www.morning.dhnqt.cn.gov.cn.dhnqt.cn http://www.morning.cffwm.cn.gov.cn.cffwm.cn http://www.morning.glnxd.cn.gov.cn.glnxd.cn http://www.morning.tbwsl.cn.gov.cn.tbwsl.cn http://www.morning.wgrl.cn.gov.cn.wgrl.cn http://www.morning.cwcdr.cn.gov.cn.cwcdr.cn http://www.morning.qqfcf.cn.gov.cn.qqfcf.cn http://www.morning.rbxsk.cn.gov.cn.rbxsk.cn http://www.morning.blqmn.cn.gov.cn.blqmn.cn