更新记录

1.0.0（2020-12-07） 下载此版本

第一次提交

平台兼容性

前言

动画效果启蒙

有疑问

微信搜索“慢慢向好”小程序，找客服反馈，相应问题。

素材

图片资源

开始使用

下载源码解压，复制/components 下的组件至项目根目录的 /components 文件夹下

页面 引入 wave 组件。

import wave1 from '@/components/ay-wave/wave1.vue';
    import wave2 from '@/components/ay-wave/wave2.vue';
    import wave3 from '@/components/ay-wave/wave3.vue';
    import wave4 from '@/components/ay-wave/wave4.vue';

components: {
            wave1,
            wave2,
            wave3,
            wave4,
        },

页面index.vue 引入关键标签

<wave1 :width='600' :height='600' ></wave1>
        <wave2></wave2>
        <wave3></wave3>
        <wave4></wave4>

页面index.vue 引入背景色

page{
        background-color: #f0f0f0;
    }