小程序開發(fā)中如何實(shí)現(xiàn)一個彈幕墻功能?針對這個問題,這篇文章詳細(xì)介紹了相對應(yīng)的分析和解答,希望可以幫助更多想解決這個問題的小伙伴找到更簡單易行的方法。
具體內(nèi)容如下
<!-- 彈幕墻 --> <view class="barrage" wx:if="{{IsPush}}"> <view class="barrage-a"> <view class="barrage-b"><image src="../../images/img/a-13.png"></image></view> <view class="barrage-c"> <view class="video_container"> <view class='danmu'> <view class="danmu_wrapper"> <view class="li0" wx:if="{{danmuFake0.cnt}}" > <view wx:for="{{danmuFake0.cnt}}" wx:key="danmuFake0cntindex" data-idx="{{item.idx}}" data-width="{{item.width}}" class='danmu-li rowAndColCenter' > <text>{{item.title}}</text> </view> </view> <view class="li1" wx:if="{{danmuFake1.cnt}}" > <view wx:for="{{danmuFake1.cnt}}" wx:key="danmuFake1cnt" data-idx="{{item.idx}}" data-width="{{item.width}}" class='danmu-li rowAndColCenter' > <text>{{item.title}}</text> </view> </view> <view class="li2" wx:if="{{danmuFake2.cnt}}" > <view wx:for="{{danmuFake2.cnt}}" wx:key="danmuFake2cnt" data-idx="{{item.idx}}" data-width="{{item.width}}" class='danmu-li rowAndColCenter' > <text>{{item.title}}</text> </view> </view> <view class="li3" wx:if="{{danmuFake3.cnt}}" > <view wx:for="{{danmuFake3.cnt}}" wx:key="danmuFake3cnt" data-idx="{{item.idx}}" data-width="{{item.width}}" class='danmu-li rowAndColCenter' > <text>{{item.title}}</text> </view> </view> </view> </view> </view> <form> <view class="danmuGrop"> <input type="text" name="Name" bindinput="getInput" class="danmuinput" placeholder='請輸入你的祝福語' placeholder-></input> <button class="sendDanmu" bindtap='sendDanmu' form-type='reset'> <image src="/images/img/a-3.png"></image> <text>發(fā)送</text> </button> </view> </form> </view> </view> </view>
分享標(biāo)題:小程序開發(fā)中如何實(shí)現(xiàn)一個彈幕墻功能-創(chuàng)新互聯(lián)
當(dāng)前鏈接:http://newbst.com/article2/dgigoc.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供服務(wù)器托管、移動網(wǎng)站建設(shè)、ChatGPT、網(wǎng)站導(dǎo)航、品牌網(wǎng)站制作、App開發(fā)
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容