lime-barrage 弹幕

<view style="height:750rpx">
	<l-barrage 
		:data="barrageData">
		<!-- 自定义每条弹幕样式 content 为你传入的数据-->
		<template #default="{content}">
			<view class="bullet">{{content.text}}</view>
		</template>
	</l-barrage>
</view>
<view class="inputs">
	<input v-model="value" />
	<button @click="onFire">发射</button>
</view>

const value = ref('')
const barrageData = ref([])
const onFire = () => {
	if (value.value) {
		barrageData.value.push({
			text: value.value
		})
		value.value = ''
	}
}

// main.js vue2
import Vue from 'vue'
import VueCompositionAPI from '@vue/composition-api'
Vue.use(VueCompositionAPI)

// \HBuilderX\plugins\compile-typescript
yarn add typescript -D
- or - 
npm install typescript -D

 "mp-weixin" : {
    "slotMultipleInstance" : true
 },

// 代码位于 uni_modules/lime-barrage/compoents/lime-barrage
<lime-barrage />