仿美團城市選擇器的 Vue 外掛程式開發例項

2021-09-08 23:50:24 字數 412 閱讀 3411

本文是講乙個基於 vue 的仿美團城市選擇器的外掛程式開發例項,目前關於城市選擇器的外掛程式比較少,在自己做專案的時候一直沒有找到合適的城市選擇器外掛程式,所以自己開發了乙個。同時也想把這個外掛程式分享給出來,供同樣有所需的前端同學學習使用。

本專案使用 vue 和 vue 外掛程式相關的技術來開發本專案。通過學習本專案,不僅可以擁有自己的城市選擇器外掛程式,還可以學到 vue 外掛程式的開發過程以及 npm 發布包的相關知識。

通過本吻你將學到如下內容:

學會製作自己的城市選擇器;

學習 vue 外掛程式的開發過程;

學習如何將製作的外掛程式發布到 npm。

請到gitchat檢視

效果圖如下:

vue 仿IOS 滾輪選擇器

先來個截圖 先來屢一下需求 1.移動端使用者手上下滑動,內容上下移動,使用者手離開數字按照慣性移動一段距離。2.當停止移動後,選中乙個文字並且文字高亮,上面的值會變成你選中的文字。3.可以連續滾動。說起滾動,不得不提css3的transform style preserve 3d 和backface...

仿iPhone的日期時間選擇器

仿iphone的日期時間選擇器 可選只選擇日期,也可以同時選擇時間 只選擇日期的情況 同時選擇日期和時間的情況 關鍵 findviewbyid r.id.selectdatebutton setonclicklistener new onclicklistener catch parseexcept...

仿IOS城市選擇器,2級聯動,也支援2

在build裡面加入使用的包 引入城市外掛程式包 implementation com.contrarywind android pickerview 4.1.6 在頁面寫入需要使用的類 private arraylistoptions1items new arraylist private arr...