更新记录
1.0.0(2020-12-07) 下载此版本
第一次提交
平台兼容性
HbuilderX/cli最低兼容版本 |
---|
2.8.11 |
uni-app
app-vue | app-nvue | app-android | app-ios | app-harmony |
---|---|---|---|---|
? | ? | ? | ? | ? |
H5-Safari | Android Browser | 微信浏览器(Android) | QQ浏览器(Android) | Chrome | IE | Edge | Firefox | PC-Safari |
---|---|---|---|---|---|---|---|---|
? | ? | ? | ? | ? | ? | ? | ? | ? |
微信小程序 | 支付宝小程序 | 百度小程序 | 字节小程序 | QQ小程序 | 钉钉小程序 | 快手小程序 | 飞书小程序 | 京东小程序 |
---|---|---|---|---|---|---|---|---|
? | ? | ? | ? | ? | ? | ? | ? | ? |
快应用-华为 | 快应用-联盟 |
---|---|
? | ? |
uni-app x
app-android | app-ios |
---|---|
? | ? |
H5-Safari | Android Browser | 微信浏览器(Android) | QQ浏览器(Android) | Chrome | IE | Edge | Firefox | PC-Safari |
---|---|---|---|---|---|---|---|---|
? | ? | ? | ? | ? | ? | ? | ? | ? |
前言
动画效果启蒙
有疑问
微信搜索“慢慢向好”小程序,找客服反馈,相应问题。
素材
开始使用
下载源码解压,复制/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;
}