iui Design 是一款基于uni-app的前端組件庫，它提供了一套可復(fù)用、易擴展、低耦合的移動端 UI 組件庫，幫助開發(fā)者快速搭建移動應(yīng)用。

設(shè)計靈感來自ArcoDesign，感謝巨人！

當前版本為早期預(yù)覽版，可能存在各種問題。歡迎大家進行反饋。

版權(quán)信息

iui Design 遵循 Apache-2.0 開源協(xié)議，意味著您無需支付任何費用，也無需授權(quán)，即可將 iui Design 應(yīng)用到您的產(chǎn)品中。

注意

這并不意味著您可以將 iui Design 應(yīng)用到非法的領(lǐng)域，比如涉及賭博，暴力等方面。如因此產(chǎn)生糾紛或法律問題，iui Design 相關(guān)方及云磁數(shù)字不承擔任何責任。

安裝

使用前，請確保你已經(jīng)學習過 uni-app 的使用，你可以閱讀 uni-app 文檔。

組件庫

方式一：通過 npm 安裝

復(fù)制

方式二：通過 HBuilderX 導(dǎo)入

如果您是使用 HbuilderX 開發(fā)的用戶，您可以在 uni-app 插件市場通過 uni_modules 的形式進行安裝。

Scss 插件

iui-design 依賴 sass，您必須要安裝此插件，否則無法正常運行。

• 如果您使用的是 HbuilderX，您可以在 插件市場 中搜索 sass 進行安裝。

• 如果您的項目是由 vue-cli 創(chuàng)建的，請通過以下命令安裝對 sass(scss)的支持，如果已安裝，請略過。

復(fù)制

配置

引入樣式

在 App.vue 中引入 iui-design 的樣式。

在 uni.scss 中引入 iui-design 的主題樣式和變量。

easycom 模式

iui-design 支持 easycom 模式，您可以在 pages.json 中配置 easycom，然后無需引入即可使用組件。

npm 模式安裝：

HBuilderX 插件市場安裝：

復(fù)制

如果你覺得 iui- 這個前綴太長了，可以在 easycom 規(guī)則中再添加一條規(guī)則。如下，你就可以使用 i- 作為前綴。當然，你也可以自定義你喜歡的前綴。

貢獻指南

感謝你使用 iui Design

以下是關(guān)于向 iui Design 提交反饋或代碼的指南。在向 iui Design 提交 issue 或者 PR 之前，請先花幾分鐘時間閱讀以下內(nèi)容。

提交 issue

• 遇到問題時，請先確認這個問題是否已經(jīng)在 issue 中有記錄或者已被修復(fù)。

• 提 issue 時，請用簡短的語言描述遇到的問題，并添加出現(xiàn)問題時的環(huán)境和復(fù)現(xiàn)步驟。