iView-Aliapp支付寶小程序 UI 組件庫
iView alipay
一套高質量的支付寶小程序 UI 組件庫
使用 Antmove 小程序轉換器基于 iview-weapp 轉換得到。
大部分組件都保留了原有的用法,只有一兩個做了少許的改動。支付寶版本文檔近期推出。
快速上手
使用之前
在開始使用 iView alipay 之前,你需要先閱讀 支付寶小程序自定義組件 的相關文檔。
如何使用
下載 iView 的代碼,將 dist 目錄拷貝到自己的項目中。然后按照如下的方式使用組件,以 Button 為例,其它組件在對應的文檔頁查看:
- 添加需要的組件。在頁面的 json 中配置(路徑根據(jù)自己項目位置配置):
"usingComponents": {
"i-button": "../../dist/button/index"
}
- 在 axml 中使用組件:
<i-button type="primary" onClick="handleClick">這是一個按鈕</i-button>
預覽
- 支付寶小程序
- gif 效果圖
IDE 預覽
下載本項目到本地,使用支付寶 IDE 打開 iview-alipay 即可預覽。
預覽時請在項目詳情設置中開啟
component2編譯,詳情可參考支付寶小程序自定義組件使用介紹。
文檔
評論
圖片
表情
