之前做了一段時間的Android原生開發,發現我的布局實在是不堪入目,就想找一些開源的UI庫。后來學習了Vue,就覺得Vue真的很好用,就想能不能用Vue開發android app,在網上找了半天,發現了uni-app,然后又找了一下UI庫,聽說vantui不錯,就看了一下,果然挺好。但是在uni-app里面直接使用vantui是不可以的,因為它是針對h5,就如作者所說的,應該使用vant weapp,廢話不多說了,開始介紹如何引入。
首先我不是在官網下載的組件庫,而是在這里https://ext.dcloud.net.cn/plugin?id=302,直接下載到了HBuilderX里面。
看到這個wxcomponents沒有,直接很生硬的把它復制到你的項目的根路徑下面,如圖:
那么,在pages.json里面配置到頁面,如圖(圈出來的部位):
這里是只應用到index頁面,如果要全局使用,就放到下面globalStyle里面。
接着,HBuilder X的預覽,發現怎么會沒有效果呢。。,如圖:
我突然看到那個標簽,原來是web瀏覽器,所以我們需要把這個demo運行到真機環境或者模擬器環境,下面是我從手機上截下來的圖:
完美!!!
到這里,感謝大家的閱讀,如果有錯,還請批評指正,謝謝!
轉載:https://blog.csdn.net/qq_20501625/article/details/101627553