weui菜鸟使用教程(微信小程序weui文档)

1、使用小程序IDE创建一个空白项目; 2、在终端打开新创建的项目,在该目录下使用npm 指令 :npm init npm init 初始化 3、使用npm 指令:npm install –save weui-miniprogram –production...

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

2、在终端打开新创建的项目,在该目录下使用npm 指令 :npm initweui菜鸟使用教程(微信小程序weui文档) 1

npm init 初始化

3、使用npm 指令:npm install –save weui-miniprogram –productionweui菜鸟使用教程(微信小程序weui文档) 2

使用npm 安装weui 组件

执行完该命令后,目录下出现以下文件weui菜鸟使用教程(微信小程序weui文档) 3

install weui 后的文件目录

4、回到小程序IDE,找到IDE里 顶部菜单 工具 构建npmweui菜鸟使用教程(微信小程序weui文档) 4

使用 IDE 构建npm

5、继续在IDE里,右上角 详情 勾选上 使用npm 模块weui菜鸟使用教程(微信小程序weui文档) 5

在IDE里设置详情

6、在小程序根目录下的,在app.wxss 引入 weui的样式weui菜鸟使用教程(微信小程序weui文档) 6

使用weui组件示例

7、在页面目录 的json文件中加入需要使用的组件 weui菜鸟使用教程(微信小程序weui文档) 7

在页面json 文件配置 组件

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

weui菜鸟使用教程(微信小程序weui文档) 8

9:效果图

weui菜鸟使用教程(微信小程序weui文档) 9

  • 发表于 2022-01-25 12:55
  • 阅读 ( 182 )
  • 分类:互联网

0 条评论

请先 登录 后评论
盛夏
盛夏

672 篇文章

你可能感兴趣的文章

相关问题