知乐空间

weui菜鸟使用教程

1、使用小程序IDE创建一个空白项目;

2、在终端打开新创建的项目,在该目录下使用npm 指令 :npm init使用npm在小程序里引入WeUI组件库

npm init 初始化

3、使用npm 指令:npm install –save weui-miniprogram –production使用npm在小程序里引入WeUI组件库

使用npm 安装weui 组件

执行完该命令后,目录下出现以下文件使用npm在小程序里引入WeUI组件库

install weui 后的文件目录

4、回到小程序IDE,找到IDE里 顶部菜单 工具 构建npm使用npm在小程序里引入WeUI组件库

使用 IDE 构建npm

5、继续在IDE里,右上角 详情 勾选上 使用npm 模块使用npm在小程序里引入WeUI组件库

在IDE里设置详情

6、在小程序根目录下的,在app.wxss 引入 weui的样式使用npm在小程序里引入WeUI组件库

使用weui组件示例

7、在页面目录 的json文件中加入需要使用的组件 使用npm在小程序里引入WeUI组件库

在页面json 文件配置 组件

8、在页面目录 wxml 中使用刚引入的组件

使用npm在小程序里引入WeUI组件库

9:效果图

使用npm在小程序里引入WeUI组件库

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容,请发送邮件至 ZLME@ZLME.COM 举报,一经查实,立刻删除。

留言与评论(共有 0 条评论)
验证码: