更新记录
1.1.0(2024-04-26)
下载此版本
2024/04/26:新增打印完成回调
1.0.0(2024-04-25)
下载此版本
2024-04-25第一次发布
平台兼容性
App |
快应用 |
微信小程序 |
支付宝小程序 |
百度小程序 |
字节小程序 |
QQ小程序 |
× |
× |
√ |
√ |
× |
√ |
√ |
钉钉小程序 |
快手小程序 |
飞书小程序 |
京东小程序 |
× |
× |
× |
× |
H5-Safari |
Android Browser |
微信浏览器(Android) |
QQ浏览器(Android) |
Chrome |
IE |
Edge |
Firefox |
PC-Safari |
√ |
√ |
√ |
√ |
√ |
× |
√ |
√ |
√ |
<template>
<TypeWriter
:title='title'
:content='content'
:delayed="1000"
:spacing='50'
:titleStyle="{color: 'red',marginBottom: '20upx',textIndent: 0}"
:contentStyle="{color: 'green',marginBottom: '20upx'}"
@complete="complete"
>
</TypeWriter>
</template>
<script>
import TypeWriter from '@/components/WEPiYang-typeWrite/WEPiYang-typeWrite.vue'
export default {
components: {
TypeWriter
},
data() {
return {
title: '标题或者抬头',
content: ['文案段落1','文案段落2']
}
},
methods: {
complete(){
console.log('打印完成回调')
}
}
}
</script>
参数 |
意义 |
默认值 |
title |
标题或者抬头 |
|
content |
内容 |
|
delayed |
组件延时多久开始打字效果 |
0 |
spacing |
打字速度 |
100 |
titleStyle |
标题样式 |
|
contentStyle |
内容样式 |
|
complete |
打印完成回调 |
|