readme.md 1.4 KB

测试发现h5不支持

如何使用

<template>
	<view class="barrage-test">
		<vastwu-barrage width="750rpx" height="1300rpx" ref="vBarrage"></vastwu-barrage>
	</view>
</template>
<script>
	const list = ['模拟弹幕效果','宽度如要修改请留意动画是从750rpx到-100%','高度默认100%','随机颜色','随机速度','图标可设置','图标大小可控','可自定义高度轨道','高度轨道数组多长,一屏幕就能播多少列','高度不够不会显示','欢迎使用','不会重叠']
	import vastwuBarrage from '@/components/vastwu-barrage/vastwu-barrage.vue'
	export default {
		components:{vastwuBarrage},
		data() {
			return {}
		},
		onLoad() {
			this.$refs.vBarrage.init(list)
		},
		methods: {}
	}
</script>

<style>
.barrage-test{
	background-color: #C0C0C0
}
</style>

参数说明

|参数|类型|默认|说明| |:-|:-:|-:|-:| |trackList|Array|[0,100,200,300,400,500,600,700,800,900,1000]|自定义弹幕轨道,值为距离容器顶部的距离,可根据图标高度自行调整| |icon|String|默认图|默认图标| |iconWidth|String|62rpx|图标宽度| |iconHeight|String|'86rpx'|图标高度| |minTime|Number|7|最短过渡时间| |maxTime|Number|10|最长过渡时间| |width|String|'100%'|容器宽度| |height|String|'100%'|容器高度|