快速上手

介绍

通过本章节你可以了解到 zebraUI 的安装方法和基本使用姿势。

安装

通过 npm 安装

在现有项目中使用 zebra-ui 时,可以通过 npm进行安装:

npm i @zebra-ui/uniapp

引入组件

步骤一

通过easycom方式引入组件,无需声明即可使用。

// pages.json
{
	"easycom": {
		"^z-(.*)": "@zebra-ui/uniapp/components/z-$1/z-$1.vue"
	},
	"pages": [...],
	"globalStyle": {...}
}
步骤二

main.js中引用组件。

import zebra from 'zebra-ui';
Vue.use(zebra);

通过插件市场安装

插件市场中搜索zebra-ui使用即可。

uni_modules方式无需声明即可使用。

main.js中引用组件。

import zebra from 'uni_modules/zebra-ui';
Vue.use(zebra);

示例

示例工程

我们提供了丰富的示例工程