文字滾動手持彈幕小程序

產品功能：
【基本功能】字體顏色、橫豎屏、滾動速度、字體大小、歷史收藏、背景顏色設置
【*功能】支持本地上傳背景圖片、動圖設置、邊框設置、自定義音樂、多種字體效果
圖片
應用場景：
【個性表達】自由想象 一切盡在不言中
【演唱會現場】揮動彈幕讓愛豆看到
【電競賽場】為喜愛的戰隊打CALL
【對象表白】表達心意 個性傳情
【接機找人】人海中一眼被認出

?源碼下載

?app.json

{"pages": ["pages/index/index","pages/classics/classics","pages/logs/logs"],"window": {"backgroundTextStyle": "light","navigationBarBackgroundColor": "#141416","navigationStyle": "custom","navigationBarTitleText": "滾動彈幕","navigationBarTextStyle": "white","backgroundColor": "#000000"},"sitemapLocation": "sitemap.json" }

?app.js

var a = require("utils/mta_analysis.js");App({onLaunch: function(o) {var e = this;a.App.init({appID: "500703839",eventID: "500703840",lauchOpts: o,autoReport: !0,statParam: !0,ignoreParams: []}), wx.cloud ? wx.cloud.init({env: "cloud1-2gd7yc5s9a28c170",traceUser: !0}) : console.error("請使用 2.2.3 或以上的基礎庫以使用云能力");var t = wx.getStorageSync("logs") || [];t.unshift(Date.now()), wx.setStorageSync("logs", t), wx.login({success: function(a) {}}), wx.getSetting({success: function(a) {a.authSetting["scope.userInfo"] && wx.getUserInfo({success: function(a) {e.globalData.userInfo = a.userInfo, e.userInfoReadyCallback && e.userInfoReadyCallback(a);}});}});},globalData: {arg: {},backHome: !1},onShow: function(a) {this.globalData.arg = a.query, console.log("res", a.query), console.log("globalData", this.globalData.arg);} });

app.wxss

.container {align-items: center;box-sizing: border-box;display: flex;flex-direction: column;height: 100%;justify-content: space-between;padding: 200rpx 0; }

?這個是我自己搭建的，大家可以試下玩一下

總結

以上是生活随笔為你收集整理的文字滚动手持弹幕小程序的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。