【小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處理。