当前位置:首页 >> 你懂你先说>>正文

使用MinUI组件库(以button组件为例)

栏目:你懂你先说时间:2018-11-01热度:
本文标签: 小程序 ui 小程序组件

1、进入小程序项目目录下

2、自己手动新建package.json文件

Min 安装组件,需要先执行npm install再从node_modules中把组件编译到组件的安装目录中。

默认项目目录下是没有 package.json 文件的,所以执行npm install会报错,所以必须先在项目中添加 package.json 文件。如果不了解package.json的基本配置,可直接复制下面的配置并填写好相关信息:

{
"name": "MiniProgram",
"description": "xxx系统",
"version": "1.0.0",
"repository": {
"type": "git",
"url": ""
},
"author": "xxx",
"license": "MIT",
"dependencies": {
"@minui/wxc-icon": "^1.0.9",
"@minui/wxc-search": "^1.0.1",
"@minui/wxc-toast": "^1.0.9"
}
}

其中dependencies为对应的依赖,执行 install 时会自动填充进来。

3、安装 需要用到的 组件:

$ min install @minui/wxc-button

4、在页面中使用wxc-toast。

<wxc-button size="normal" ></wxc-button>


热门标签