微信小程序之弹幕的代码实现

1、微信小程序----弹幕的实现(无后台)

小程序刚刚出来，现在网上的demo是多，但是要找到一个自己需要的却不容易。今天跟大家分享自己写的一个弹幕功能。

效果图：

我的思路是这样的，先用标签确定是否打开弹幕，若打开弹幕则出现弹幕文本框和发射按钮，还有弹幕遮罩层。

先贴wxml和wxss代码。

wxml代码如下：

<!-- pages/index/index.wxml -->
<swiper>
 <block>
  <swiper-item>
   <image></image>
  </swiper-item>
 </block></swiper><!--弹幕开关--><view>
  <switch></switch>
  <text>弹幕</text></view><!--弹幕输入框-->
 <view>
   <view>
    <input>
   </view>
   <view>
     <button>发射</button>
   </view>
 </view><!--弹幕上单文字--><view>
 <block>
  <text>pw_item.barrage_shootText</text>
 </block></view>