微信小程序-手持弹幕_小程序弹幕源码

最新推荐文章于 2023-11-18 17:43:52 发布

原创

最新推荐文章于 2023-11-18 17:43:52 发布 · 1.6k 阅读

5 ·

CC 4.0 BY-SA版权

文章标签：

#小程序 #微信

本文介绍如何制作一款微信小程序手持弹幕应用，通过设置字体大小、颜色、速度和背景色，打造个性化的追星弹幕。提供源代码示例，包括WXML和WXSS，帮助读者了解小程序开发过程。

哈喽，大家好，我是超哥。

最近在抖音刷到手持弹幕的视频，觉得是一个非常有趣应用，在手持弹幕小程序这个软件当中，你可以设置很长一段话，很适合追星。挑战一下自己，做一个小程序的手持弹幕应用。

微信小程序搜索“超超实用工具”，打开菜单，点击手持弹幕即可免费使用。

先扫码体验吧

效果：

可以自定义字体属性

话不多说，上操作：

wxml:

<view class="textBox" style="background-color:{
  
  {backgroundColor}}">  <view class='text' style="font-size: {
  
  {fontSize}}rpx; animation: animateText {
  
  {animateTime}}s infinite linear; color:{
  
  {fontColor}}"> {
  
  {text}} </view></view><view class="inputBox">  <input class="inp" placeholder="请输入弹幕~" bindinput="inputBlur" cursor-spacing='10'></input>  <view bindtap="sendBtn" class="iconfont icon-1huojian iconBtn1"> 发送</view>  <view bindtap="showModal" class="iconfont icon-qita3 iconBtn1">属性</view></view><!--屏幕背景变暗的背景 --><view class="commodity_screen" bindtap="hideModal" wx:if="{
  
  {showModalStatus}}"></view><!-- 屏幕内容 --><view animation="{
  
  {animationData}}" class="commodity_attr_box" wx:if="{
  
  {showModalS