xplatform-ui

xplatform-ui是新纽科技技术团队基于uni-app开发出的移动端UI框架,提供了众多组件以及工具库,使您快速集成,开箱即用

Usage no npm install needed!

<script type="module">
  import xplatformUi from 'https://cdn.skypack.dev/xplatform-ui';
</script>

README

logo

xplatform-ui

多平台快速开发的移动端UI组件库,基于uni-app实现

文档网站     示例工程


介绍

xplatform-ui 是新纽科技前端团队基于 uni-app 研发的移动端 UI 框架,提供了众多组件、工具库、常用页面以及布局,且兼容多端。使您在开发过程中快速集成,开箱即用,大大降低了开发者的研发成本,提高了开发者的开发效率。

特性

  • 兼容 Andorid、IOS、H5、小程序
  • 提供多款高质量组件,覆盖移动端各类场景
  • 提供众多常用 JS 工具库及模版
  • 支持按需引入

安装 & 使用

安装

在已有项目里手动安装 xplat 的包。

npm i xplatform-ui -S

引入

import Vue from 'vue'
import XplatformUI from 'xplatform-ui'
import 'xplatform-ui/lib/index.scss'
Vue.use(XplatformUI)
  • 按需引入 采用 uni-app 提供的 easycom 组件模式。
// 在pages.json中配置
{
    "easycom": {
        "^x-(.*)": "xplatform-ui/components/$1/index.vue"
    }
    "pages": []
}

使用

选择需要的组件开始构建您的项目,详细内容请查看快速上手

开发

我们提供了丰富的示例工程 , 通过运行此工程,可以查看 UI 演示效果,以及快速掌握组件、工具库、模版的用法。

手机预览

可以手机扫码以下二维码访问 H5 端 demo:

开源协议

本项目遵循 MIT 开源协议。