散花图

基础用法

下面是散花图的基础用法。

<template>
  <div class="t-strew-flowers-area">
    <as-animation-strew-flowers>
    </as-animation-strew-flowers>
  </div>
</template>

<script>
export default {
  name: "t-strew-flowers"
}
</script>

<style>
.t-strew-flowers-area{
  width: 100%;
  height: 300px;
}
@media screen and (max-width: 480px) {
  .t-strew-flowers-area{
    height: 150px;
  }
}
</style>

Expand Copy Copy

Attributes

参数	说明	必填
background	背景颜色,类型为String,默认为#000000。	否
text-color	文字颜色,类型为String,默认为#ffffff。	否
show-content	是否显示文字,类型为Boolean,默认为true。	否
content	文字内容,类型为String,默认为animation。	否
font-size	字体大小,类型为Number,默认为48,单位为px。	否