微信小程序实现弹幕的效果

发布日期： 2017-03-25 阅读量： 作者： 网络

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

先来一张效果图：

微信小程序实现弹幕的效果

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>{{item.barrage_shootText}}</text>
  </block></view>

# 微信小程序 # 小程序研发 # 小程序开发 # 小程序实例

上一篇: C++ 函数最佳实践在开源项目中的体现

下一篇: 如何实现 PHP 函数的依赖注入？

微信小程序实现弹幕的效果

随便看看