快速上手

# 安装

# 方式一：通过 pnpm or npm 安装

  // 如果您的根目录没有package.json文件的话，请先执行如下命令：
  // npm init -y
  pnpm install wlyy-wui-uni
  or
  npm install wlyy-wui-uni

# 方式二：通过下载代码

通过下载代码，然后将 components/wlyyui/ 目录拷贝到自己的项目中。

git clone https://gitee.com/smart-china/wlyy-wui-uni.git

# 方式三：选择需要的模块引入

下载 wlyyui 的代码，在 components/wlyyui/ 目录下找到需要的组件拷贝到自己的项目中。

# 如何使用

# 第一种：在页面中引用、注册

import wuiButton from "@/components/wlyyui/wui-button/wui-button"
export default {
	components:{
        wuiButton
	}
}

# 第二种：easycom组件规范

提示

传统vue组件，需要安装、引用、注册，三个步骤后才能使用组件。easycom将其精简为一步，如果不了解easycom，可先查看官网文档 (opens new window) 。

在 pages.json 中添加配置，确保路径引入正确：

// 下载安装时配置
"easycom": {
    "autoscan": true,
    "custom": {
        "wui-(.*)": "@/components/wlyy/wui-$1/wui-$1.vue"
    }
}
// 使用npm安装时配置[配置完成后重新编译运行]
  "easycom": {
    "autoscan": true,
    "custom": {
      "wui-(.*)": "wlyy-wui-uni/components/wui-$1/wui-$1.vue"
    }
  }

# 使用组件

按照以下的方式使用组件，以 Button 为例，其它组件在对应的文档页查看。

引入组件后，可以在页面中直接使用组件

<wui-button text="默认按钮"></wui-button>

← 介绍自定义主题→