项目特效,实现打字样式,但是css的特效不支持多行文字,所以暂时用js实现文字打字特效
template:
<view>{{teststr}}</view>
script:
let that;
export default {
data() {
return {
textWriter:'挖挖达瓦达瓦达瓦达阿文达瓦达阿瓦达阿瓦大啊的挖挖达瓦达瓦达瓦达阿文达瓦达阿瓦达阿瓦大啊的',
teststr:'',
}
},
onLoad() {
that = this;
that.setData();
},
methods: {
//js打字效果
setData(){
let i = 0;
let timer = setInterval(function(){
if (i <= that.textWriter.length) {
that.teststr = that.textWriter.slice(0, i++) + '_'
}
else {
that.teststr = that.textWriter
clearInterval(timer)
}
}, 30)
},
}
}
就可以实现简单的打字效果。
因为是用的 转换gif工具 所以效果 看起来一般,但是可以自己去试下 。自己页可以根据时间来设置速度。