小程式練習,仿bilibili小程式

2022-01-13 07:03:53 字數 2586 閱讀 4517

開發文件:圖示庫:iconfont-阿里巴巴向量圖示庫 這個是**簡直是神器,什麼圖示都能找到,我很喜歡。

├── utils

│ └── util.js

├── pages

│   ├── common

│   │   ├── header.wxml

│   │   └── item.wxml

│   ├── index

│   │   ├── index.js

│   │   ├── index.wxml

│   │   └── index.wxss

│   ├── selectcolor

│   │   ├── selectcolor.js

│   │   ├── selectcolor.wxml

│   │   └── selectcolor.wxss

│   ├── play

│   │   ├── play.js

│   │   ├── play.json

│   │   ├── play.wxml

│   │   └── play.wxss

└── resources

└── images

頁面註冊

"pages":[

"pages/index/index",

"pages/play/play",

"pages/selectcolor/selectcolor"

],

已實現功能:

未實現功能:

這個有點多。。。畢竟是我大b站,目前只實現了一些力所能及的功能,以後會完善的。

頂部導航欄

}

interval="}" duration="}" indicator-active-color="#ea6caf">

onload: function (options) )

if (this.data.currentid == 1001)

else if (this.data.currentid == 1004)

else if (this.data.currentid == 1003)

}

頂部導航欄實際就是利用scroll-view控制項,給他繫結當前頁面的id,當觸發點選事件時,載入與該id匹配的資訊。要注意的是一開始要給currentid乙個頁面的值,不然無法顯示出來。

彈幕功能

小程式本身具備彈幕功能,閱讀api,對著原版**進行了一些改變,實現了彈幕自己選擇顏色,並且將彈幕和彈出層結合在一起使用。

page(, ,,],

showmodalstatus: false

},powerdrawer: function (e) ,

util: function (currentstatu) );

// 第2步:這個動畫例項賦給當前的動畫例項

this.animation = animation;

// 第3步:執行第一組動畫:y軸偏移240px後(盒子高度是240px),停

animation.translatey(240).step();

// 第4步:匯出動畫物件賦給資料物件儲存

this.setdata()

// 第5步:設定定時器到指定時候後,執行第二組動畫

settimeout(function () )

//關閉抽屜

if (currentstatu == "close") );}

}.bind(this), 200)

// 顯示抽屜

if (currentstatu == "open") );}

},onload: function onload() );

}});

},onready: function onready(res) ,

onshow: function onshow() );

}});

},bindinputblur: function (e)

}})

分享功能

wx.createvideocontext('myvideo').pause();

return )

wx.createvideocontext('myvideo').play();

},fail: function (res) )

wx.createvideocontext('myvideo').play();}}

}這是我的寫法,下面給出api內容,可以根據不同人的想法進行修改。

分享api格式

return

}但是這個id很多人不明白是什麼id,之前我也不明白,後來發現這個id就是你要分享的這篇文章的id,但是一定要注意非同步與同步的問題。

現在的自己技術還是有些不太成熟,接觸小程式不久,還有很多需要學習的地方,不能很好的重現嗶哩嗶哩的功能,不過作為乙個學生,還有很長的學習之路要走。

最後希望能得到各位在求學路上同行的小夥伴的小星星⭐,謝謝(´∀`)♡

python練習小程式

1.今年是否為閏年 import time thisyear time.localtime 0 print time.localtime if thisyear 400 0 or thisyear 4 0 and thisyear 100!0 print this year s is leap ye...

仿外賣小程式選單聯動

仿美團外賣選單分類,左右聯動功能,頂部為輪播圖,以及客服部分,主體部分為聯動功能,滾動時,客服部分也顯示在頁面內,主體部分在紅圈內。話不多說,直接上圖 輪播圖與客服部分,簡單,直接上 搜尋 客服 主體部分用scroll view元件,同時設定滾動方向scroll y true scroll into...

C語言小程式練習

統計出一行字元中英文本母 空格 數字的個數 include include int main if a str i str i z a str i str i z if 0 str i str i 9 printf 字母有 d個 n空格有 d個 n數字有 d個 n b,a,c return 0 輸入...