导入WeUI数据包(npm方法)
WeUI 是由微信官方设计团队和小程序团队为微信小程序量身设计的小程序扩展组件库。在使用前需要导入WeUI组件库,这里用的主要是npm方法,十分简单有效。
导入成功后会有四个文件:
如果你导入一半失败的,需要将四个文件删除重新导入。
导入:
第一步,打开小程序项目。
打开项目终端
新建一个终端然后开始导入。在终端中输入 npm init 。
然后输入项目名,还会有很多可以设置的,如果不想设置可以直接点回车。
然后输入yes就可以生成我们需要的package.json文件。(如果你想设置这些属性你可以看看文章附页,那里提供了属性的中文名)
接下来继续在终端输入 npm install weui-miniprogram --save
接着找到开发工具的工具栏,选中 构建npm 。
到这里算是导入成功了。
使用
在全局的wxss里导入样式,添加
@import "./miniprogram_npm/weui-miniprogram/weui-wxss/dist/style/weui.wxss";
在需要使用的页面的json文件导入模板。(下面用icon标签为例)
首先需要在json文件导入目标标签模板(自定义标签)。mp-icon为标签名,后边为导入包的路径
附页
- package name 项目名
- version 项目版本
- description 项目的描述
- entry point 项目的入口文件
- test commang 项目启动时脚本命令
- git repository Git的地址
- keywords 关键词
- author 作者
- licnese 证书
设计:秋
编辑:千歌