国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

pushbutton 移動(dòng)端彈出列表選擇框

dongxiawu / 3541人閱讀

摘要:移動(dòng)端彈出列表選擇框移動(dòng)端從下往上推動(dòng)畫效果端彈出列表選擇框,適應(yīng)所有主流移動(dòng)端機(jī)型,支持引入,引入如有用得不爽可以隨時(shí)提意見,謝謝。

pushbutton 移動(dòng)端彈出列表選擇框

移動(dòng)端從下往上推動(dòng)畫效果端彈出列表選擇框,適應(yīng)所有主流移動(dòng)端機(jī)型,支持Node引入,require引入;如有用得不爽可以隨時(shí)提意見,謝謝。

demo地址: https://gtdalp.github.io/widg...

github地址:https://github.com/gtdalp/pus...

npm安裝

npm install pushbuttonjs
使用方法如下:

1、html結(jié)構(gòu)


2、需要引入的js


3、調(diào)用

new Pushbutton("#pushbutton", {

</>復(fù)制代碼

  1. data: [
  2. {text:"拍照", cls: "photo", attr: {"data-key": "photo"} },
  3. {text:"錄像", attr: [
  4. {key1: "video2"},
  5. {key2: "video2"}
  6. ]},
  7. {text:"語(yǔ)音錄入"}
  8. ], // 點(diǎn)擊回調(diào) 返回true 則不隱藏彈出框 onClick: function( e ) { console.log(e); // 返回主要有用數(shù)據(jù) // e.target 當(dāng)前dom節(jié)點(diǎn) // e.data 當(dāng)前點(diǎn)擊的data // e.index 當(dāng)前點(diǎn)擊的選擇是第幾個(gè) return true;
  9. }, // maxHeight: 100, // 默認(rèn)顯示的高度 isShow: true // 默認(rèn)是否顯示 }); var dom = document.getElementById("pushbuttonClick"); var refresh = document.getElementById("refresh"); dom.onclick = function () { pub.show();

} refresh.onclick = function () { pub.refresh({

</>復(fù)制代碼

  1. data: [{text: "1321321321"}]
  2. });

}
效果圖 demo1.png

4、API

4.1 options.data 數(shù)據(jù)

options.data = [

</>復(fù)制代碼

  1. {text:"拍照", cls: "photo", attr: {"data-key": "photo"} },
  2. {text:"錄像", attr: [
  3. {key1: "video2"},
  4. {key2: "video2"}
  5. ]},
  6. {text:"語(yǔ)音錄入"}

]

4.2 options.onClick 點(diǎn)擊回調(diào) 返回true 則不隱藏彈出框

options.onClick = function( e ) { console.log(e); // 返回主要有用數(shù)據(jù) // e.target 當(dāng)前dom節(jié)點(diǎn) // e.data 當(dāng)前點(diǎn)擊的data // e.index 當(dāng)前點(diǎn)擊的選擇是第幾個(gè) return true;
}
4.3 maxHeight 默認(rèn)顯示的高度

options.maxHeight = 100 // 默認(rèn)顯示的高度
4.4 isShow 默認(rèn)是否顯示

options.isShow = false // 默認(rèn)是否顯示 默認(rèn)不顯示
4.5 show 顯示

Pushbutton.show() // 顯示
4.6 hide 隱藏

Pushbutton.hide() // 隱藏
4.7 refresh 刷新

Pushbutton.refresh({

</>復(fù)制代碼

  1. .. // options 可以傳options }) // 刷新

文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址:http://specialneedsforspecialkids.com/yun/80764.html

相關(guān)文章

  • C/C++ Qt 基礎(chǔ)通用組件應(yīng)用

    摘要:該組件有兩個(gè)版本,用于顯示整數(shù)與單精度浮點(diǎn)數(shù),則是雙精度浮點(diǎn)數(shù),有兩個(gè)特殊參數(shù),參數(shù)是在前方加入特殊符號(hào),而則是在后方加入特殊符號(hào)。QT 是一個(gè)跨平臺(tái)C++圖形界面開發(fā)庫(kù),利用QT可以快速開發(fā)跨平臺(tái)窗體應(yīng)用程序,在QT中我們可以通過拖拽的方式將不同組件放到指定的位置,實(shí)現(xiàn)圖形化開發(fā)極大的方便了開發(fā)效率。目前,QT開發(fā)中常用的基礎(chǔ)組件有以下幾種:PushButton 按鈕組件LineEdit ...

    YPHP 評(píng)論0 收藏0
  • Python 小白的 PyQt5 項(xiàng)目實(shí)戰(zhàn)(1)安裝與環(huán)境配置

    摘要:工具可以直接使用方式安裝和的環(huán)境配置使用集成開發(fā)工具的小白,在安裝庫(kù)以后,還要對(duì)和進(jìn)行環(huán)境配置,將其集成到中。如果小白的或安裝在其他路徑下,則從對(duì)應(yīng)的目錄找到,或者在資源管理器中搜索文件找到安裝路徑。 ...

    Chao 評(píng)論0 收藏0
  • Windows環(huán)境下使用Python設(shè)計(jì)應(yīng)用軟件——【6】pyqt通過勾選選擇對(duì)TableWidg

    摘要:本文主要用于自我整理總結(jié),方便后續(xù)參考,如果恰好幫助到你,也是件值得高興的事先展示下這次實(shí)現(xiàn)的具體功能具體程序如下導(dǎo)入設(shè)計(jì)界面設(shè)計(jì)的彈窗窗體的大小寬,高我是彈窗窗體的標(biāo)題顯示窗口標(biāo)題欄這樣寫出來(lái)要什么,就可以將右上 ...

    stefan 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<