iox-ui

IOX UI参考Vant（轻量、可靠的移动端 Vue 组件库）的设计和实现，在微信小程序组件库版本vant-weapp基础上实现的uniapp版本。

针对uniapp的一些特性进行了修改和调整，同时增加一些新的组件，对一些组件功能也有所增强。

当前参考的vant-weapp版本为：1.5.0。

演示小程序

发布说明

IOX UI首次发布版本，主要包含下面特性：

1. 移植Vant Weapp 1.5.0版本的所有基础UI组件
2. icon使用了Font Awesome
3. 增加button-group、mask（类似bootstrap-vue的overlay）组件
4. CSS样式移植bootstrap v4的所有工具类

NPM和GitHub

NPM地址：https://www.npmjs.com/package/@zhuyin/iox-ui
源码地址：https://github.com/xinghui-tech/iox-ui

安装

yarn add @zhuyin/iox-ui

UNIAPP使用

参考uniapp的easycom配置。

引入

pages.json

{
  //...
  "easycom": {
		"autoscan": true,
		"custom": {
			"iox-(.*)": "[@zhuyin](/user/zhuyin)/iox-ui/lib/widget/iox-$1/iox-$1.vue"
		}
  }
  //...
}

使用

<template>
    <view>
      <iox-icon name="loading" />
    </view>
</template>

<script>
    // 这里不用import引入，也不需要在components内注册iox-icon组件。template里就可以直接用
    export default {
        data() {
            return {

            }
        }
    }
</script>

参考手册

Vant UI 使用手册
说明： 由于小程序原生实现和Vue实现会有一些差异，差异化的使用请参考源代码里面的demo。

组件一览表

LICENSE

MIT