vue + uniapp实现手机横屏弹幕

最新推荐文章于 2024-05-29 19:40:53 发布

Fantasy嘿

最新推荐文章于 2024-05-29 19:40:53 发布

阅读量862

点赞数

分类专栏：前端代码编程文章标签： vue.js uni-app javascript

本文链接：https://blog.csdn.net/weixin_50794535/article/details/128560924

版权

小程序，手持弹幕，输入文字之后，弹幕从右往左匀速划过，再次循环。

实现这个功能，首先建一个uniapp项目，建一个vue页面

<template>
	<view class="danmu_bg">
		<view class="barrage-box" @click="hideBottom">
			<view class="text">{
  {barrage}}</view>
		</view>


		<view class="bottmm_barrage_send" v-if="!isLocked">
			<view class="unlock" @click="lock">
				<image :src="unlockImgSrc" mode=""></image>
			</view>
			<view class="barrage_input">
				<input type="text" placeholder="哈喽!" @input="changeBarrageText" v