微信小程序:微信小程序中的下拉框怎樣做方法是什么
【小Y 提醒】文章收集整理于互聯(lián)網(wǎng),僅作參考!如需咨詢“微信小程序中的下拉框怎樣做方法是什么”等有關(guān)服務(wù)器、云主機租用、托管、配置、價格問題,請在線咨詢YINGSOO客服,獲取最新優(yōu)惠!
【主機推薦】韓國CN2服務(wù)器促銷 | 香港物理服務(wù)器促銷 | 香港物理服務(wù)器促銷
【精選文章】菲律賓云主機如何?優(yōu)勢、特點、如何租用最全分析!
微信小程序中的下拉框怎樣做?在實際的項目中,我們常會遇到實現(xiàn)下拉框效果的需求,今天我們就來了解一下怎樣做一個簡單的小程序中的select下拉框,這里使用到的是transform過渡,實現(xiàn)效果及代碼如下。
看看效果
廢話不多說,直接上代碼
wxml:
{{type!=''?type:'選擇商戶類型'}} {{item}}
wxss:
.sanjiao{ width: 18rpx; height: 10rpx; margin-left: 20rpx; transition: 0.5s; /* 選轉(zhuǎn)圖片過渡 */}.select{ position: absolute; z-index: 10; border: 2rpx solid #aaaaaa; padding: 0 8rpx; top:46rpx; left: -10rpx; width: 210rpx; overflow: auto; height: 0; max-height: 200rpx; background-color:#fff; box-sizing: border-box; transition: height 0.5s; /* 高度變換過渡 */}.select .type{ color: #aaaaaa; border-top: 2px solid #dadada; padding: 6rpx;}.select :first-child{ border: 0;}
js
data: { isSelect:false,//展示類型? types:['類型一','類型二'],//公司/商戶類型 type:"",//公司/商戶類型 }, //點擊控制下拉框的展示、隱藏 select:function(){ var isSelect = this.data.isSelect this.setData({ isSelect:!isSelect}) }, //點擊下拉框選項,選中并隱藏下拉框 getType:function(e){ let value = e.currentTarget.dataset.type this.setData({ type:value , isSelect: false, }) },
以上就是實現(xiàn)微信小程序中的下拉框的代碼了,有需要的朋友可以參考了解看看,希望對大家學(xué)習(xí)或工作有幫助,想要了解更多可以繼續(xù)瀏覽本公司其他相關(guān)的文章。
YINGSOO作為業(yè)內(nèi)資深的專業(yè)云計算、云安全服務(wù)提供商,致力于為廣大互聯(lián)網(wǎng)企業(yè)用戶和傳統(tǒng)行業(yè)的企業(yè)用戶提供“物理服務(wù)器、云服務(wù)器、高防服務(wù)器、大帶寬服務(wù)器、站群服務(wù)器”等多類型服務(wù)器租用服務(wù)以及企業(yè)上云的綜合解決方案,具有“安全穩(wěn)定、簡單易用、服務(wù)可用性高、性價比高”等特點與優(yōu)勢,專為企業(yè)打造定制,能夠滿足用戶豐富、多元化的應(yīng)用場景需求。全國統(tǒng)一服務(wù)熱線:400-630-3752
熱搜詞條:【谷歌云出口帶寬】【香港ip代理軟件】【DNS服務(wù)器租用】【珠海IDC機柜租金】【服務(wù)器能裝顯卡嗎】【饑荒STEAM 專用服務(wù)器購買】【多ip云服務(wù)器】【如何搭建點播服務(wù)器】【德國的服務(wù)器抗投訴嗎】【bzz最新消息】【三星970evo和980pro】【服務(wù)器遷移后數(shù)據(jù)加載很慢】【美國服務(wù)器上傳慢下載快】【防火墻的維護(hù)保養(yǎng)】【高防服務(wù)器ssl】【香港備案的服務(wù)器】【后臺訪問人數(shù)崩潰】【臺灣代理】【softether 精簡】【撥號vps哪家好】【服務(wù)器 ssr 端口被封】【APP服務(wù)器租用價格多少錢一年】【DNF開服用輕量應(yīng)用服務(wù)器】【部署系統(tǒng)每個人都用服務(wù)器】【日本服務(wù)器云】【云服務(wù)器怎么用】【15萬機架功有多少個機柜】【日本到美國ping】【美國高防服務(wù)器租用】【電腦上的服務(wù)器如何找到打開】
版權(quán)聲明:本站文章來源標(biāo)注為YINGSOO的內(nèi)容版權(quán)均為本站所有,歡迎引用、轉(zhuǎn)載,請保持原文完整并注明來源及原文鏈接。禁止復(fù)制或仿造本網(wǎng)站,禁止在非www.sddonglingsh.com所屬的服務(wù)器上建立鏡像,否則將依法追究法律責(zé)任。本站部分內(nèi)容來源于網(wǎng)友推薦、互聯(lián)網(wǎng)收集整理而來,僅供學(xué)習(xí)參考,不代表本站立場,如有內(nèi)容涉嫌侵權(quán),請聯(lián)系alex-e#qq.com處理。