1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > 微信小程序weui框架的使用方法

微信小程序weui框架的使用方法

时间:2023-12-16 17:18:08

相关推荐

微信小程序weui框架的使用方法

微信小程序 || 拓展组件库weui的npm引入

1.首先项目中要先初始化npm得到

项目的命令行:npm init

.然后会有一些默认配置,全程回车,最后会得到这3个文件

2.安装weui的依赖

npm i weui-miniprogram -S --production

3.然后再在开发者工具中:工具–构建npm 得到一个新的文件

4.设置勾选:

5.app.wxss中引入组件的样式

@import './miniprogram_npm/weui-miniprogram/weui-wxss/dist/style/weui.wxss';

6.然后可以在页面中引入 dialog 弹窗组件

首先在页面的 json 文件加入 usingComponents 配置字段

{"usingComponents": {"mp-dialog": "/miniprogram_npm/weui-miniprogram/dialog/dialog"}}

8.然后可以在对应页面的 wxml 中直接使用该组件

<mp-dialog title="test" show="{{true}}" bindbuttontap="tapDialogButton" buttons="{{[{text: '取消'}, {text: '确认'}]}}"><view>test content</view></mp-dialog>

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。