一套高质量微信小程序组件库,重新定义用户界面、用户交互、用户体验!
请使用微信扫码预览小程序组件示例 ↓
npm i meet-ui-miniapp -S
点击开发者工具中的菜单栏:工具 --> 构建 npm
"usingComponents": {
"mt-button": "meet-ui-miniapp/button",
"mt-dialog": "meet-ui-miniapp/dialog"
}
<!-- 按钮组件 -->
<mt-button type="primary" size="l" bindtap="handleDialog">主要按钮</mt-button>
<mt-button type="plain" size="l" bindtap="handleDialog">次要按钮</mt-button>
<mt-button type="warning" size="l" bindtap="handleDialog">警告按钮</mt-button>
<!-- 对话框组件 -->
<mt-dialog id="meetDialog"></mt-dialog>
// 显示对话框
handleDialog() {
wx.meetDialog({
type: "success",
title: "MEET UI",
content: '重新定义用户界面、用户交互、用户体验',
onConfirm(res) {
console.log(res);
// TODO...
// 关闭对话框
wx.meetDialog.close();
}
});
}
import "meet-ui-miniapp/toast/init"; // 注入wx.meetToast、wx.meetLoading方法
import "meet-ui-miniapp/dialog/init"; // 注入wx.meetDialog方法
@import "miniprogram_npm/meet-ui-miniapp/ui.wxss";
example
目录即可查看所有示例代码。