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

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

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

npm init 初始化

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

使用npm 安装weui 组件

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

install weui 后的文件目录

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

使用 IDE 构建npm

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

在IDE里设置详情

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

使用weui组件示例

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

在页面json 文件配置 组件

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

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

9:效果图

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

资讯投稿

现在什么智能机好用一点(2022年口碑最好的手机)

2022-6-17 10:02:48

资讯投稿

汉化软件怎么用(直接在游戏里翻译的软件推荐)

2022-6-17 11:02:18

免责声明 本站上的文章来源于发布者,仅供网友学习交流,若您喜欢本文可附上原文链接随意转载。如有侵害您的权益,请发送10890907@qq.com 反馈,我们将尽快处理。
0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
搜索