ispa element

iSPA 元素用户界面

基于 Tailwind Css 的 VueJs (Vue 3) 组件库。

快速入门

要使用它，请在所需目录中打开终端并运行以下命令：

npm install ispa-element

然后将库添加到您的主 js 项目中

 import { createApp } from 'vue'
import iSPAElement from 'ispa-element'

const app = createApp ( App )
app . use ( iSPAElement ) . mount ( '#app' ) 

模块加载器

如果您的应用程序使用 vue-cli 或具有配置了 vue-loader 的基于 webpack 的构建，则这是推荐的方式。将组件导入为 .vue 文件，以便在项目中无缝集成，其中每个组件的路径可在组件文档的“导入”部分中找到。

 import { IButton } from 'ispa-element'

在下一步中，使用您要使用的标签名称注册组件。

 //  In app.js
import { createApp } from 'vue'
const app = createApp ( App )

app . component ( IButton . name , IButton )
// OR app.component('i-button', IButton)

app . mount ( '#app' )

//  In component.vue
export default {
  components : { IButton }
}

::: Tip 注意 您可以使用任何标签名称，但请注意这些标签名称可能与其他标签名称冲突，因此请确保使用唯一的标签名称。 :::

文件

请访问此处阅读 iSPA Element 的完整文档。

特别感谢

感谢令人惊叹的 PrimeVue 库和 Element UI，我们的第一个版本的灵感来自这些库。

里程碑

• 卡组件
• 加载组件/指令
• 导航/选项卡组件
• 进度条组件
• 下拉组件
• 徽章组件 (2020-12-26)
• 分频器组件 (2020-12-20)
• 开关组件 (2020-12-20)
• 警报组件 (2020-12-18)
• 表单/输入组件 (2020-12-16)
• 按钮组件 (2020-12-09)

变更日志

您可以点击此处关注更改日志 (CHANGELOG.md)

版本控制

根据语义版本控制指南进行维护。

执照

麻省理工学院©Malayvuong

想支持吗？

如果您喜欢这个项目并想为我们做出贡献，那么您可以通过 [email protected] 向我们发送电子邮件以获取更多信息。

⬆ 回到顶部