weui开发文档(weui教程)

1.使用applet IDE创建一个空白项目

2.在终端中打开新创建的项目,并在此目录中使用npm命令:npm init。

初始化

3.使用npm指令:NPM安装保存WEUI迷你程序生产

使用npm安装weui组件

执行该命令后,目录中会出现以下文件

安装weui后的文件目录

4.返回applet IDE,在IDE中找到顶部的菜单工具来构建npm。

使用IDE构建npm

5.继续使用IDE中的npm模块,在右上角查看详情。

在IDE中设置详细信息

6.在小程序的根目录下,介绍app.wxss中weui的样式

使用weui组件的示例

7.将所需的组件添加到页面目录的json文件中。

在页面上的json文件中配置组件

8.使用页面目录wxml中新引入的组件

9:效果图

郑重声明:本文版权归原作者所有。转载文章只是为了传播更多的信息。如作者信息标注有误,请第一时间联系我们修改或删除。谢谢你。

转载:感谢您对网站平台的认可,以及对我们原创作品和文章的青睐。非常欢迎大家分享到个人站长或朋友圈,但转载请注明文章来源“*”。

本文地址:*

相关阅读