zxUI

# 快速上手

# 如何使用

通过npm和下载方式的配置之后，在某个页面可以直接使用组件，无需通过import引入组件。

<template>
	<zx-action-sheet :list="list" v-model="show"></zx-action-sheet>
</template>

<script>
	export default {
		data() {
			return {
				list: [{
					text: '点赞',
					color: 'blue',
					fontSize: 28
				}, {
					text: '分享'
				}, {
					text: '评论'
				}],
				show: true
			}
		}
	}
</script>

# 关于uni.$zx

zxUI将$zx对象同时挂载到了uni对象上，这意味着您可以在外部的js文件中，通过uni.$zx.xxx的形式去调用uView提供的一些工具方法，而不再像从前一样必须在*.vue中通过uni.$zx.xxx的形式调用。


# 如何不使用easycom而单独引用某一个组件

某些情况下，您可能不想通过easycom引用组件(虽然我们极力推荐您使用easycom)，那么您可以使用import这个常规的引入方式，如下：

<template>
	<zx-action-sheet :list="list" v-model="show"></zx-action-sheet>
</template>

<script>
	import uActionSheet from "zxui/components/zx-action-sheet/zx-action-sheet.vue";
	export default {
		components: {
			uActionSheet
		},
		data() {
			return {
				list: [{
					text: '点赞',
					color: 'blue',
					fontSize: 28
				}, {
					text: '分享'
				}, {
					text: '评论'
				}],
				show: true
			}
		}
	}
</script>

← 内置样式 →