在微信小程序中优雅地使用WEUI组件库


本文介绍了在小程序开发中,如何使用基于WEUI框架的组件库实现定制化组件,减少开发时间和精力的需求。提供了引入组件库、使用方式的步骤和示例代码。

简介

在小程序开发中,为了实现定制化组件,比如日期时间选择和对话框,可以使用基于WEUI框架的组件库。WEUI是一个简洁易用的移动端UI组件库,提供了各种常用组件,可以节省开发时间和精力。

使用方式

1.在app.json中引入

"useExtendedLib": {
  "weui": true
},

2.在需要使用的界面json文件中加入需要使用的组件

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

3.在wxml文件中使用组件

<mp-dialog title="弹窗" show="{{true}}" bindbuttontap="tapDialogButton" buttons="{{buttons}}">
    <view>内容写这里</view>
</mp-dialog>


扫描二维码,在手机上阅读

推荐阅读:

判断数组中是否存在该元素

快速去除数组中的重复元素的方法

评 论