动态粒子

基础用法

下面是动态粒子的基础用法。

<template>
  <div class="t-dynamic-ion-area">
    <as-animation-dynamic-ion>
    </as-animation-dynamic-ion>
  </div>
</template>

<script>
export default {
  name: "t-dynamic-ion"
}
</script>

<style>
.t-dynamic-ion-area{
  width: 100%;
  height: 400px;
}
@media screen and (max-width: 480px) {
  .t-dynamic-ion-area{
    height: 200px;
  }
}
</style>

Expand Copy Copy

动态粒子的变式

下面是动态粒子的变式。

<template>
  <div class="t-complex-dynamic-ion-area">
    <as-animation-complex-particle>
    </as-animation-complex-particle>
  </div>
</template>

<script>
export default {
  name: "t-complex-dynamic-ion",
}
</script>

<style>
.t-complex-dynamic-ion-area{
  width: 100%;
  height: 600px;
}
@media screen and (max-width: 480px) {
  .t-complex-dynamic-ion-area{
    height: 200px;
  }
}
</style>

Expand Copy Copy