通过 useExtendedLib 扩展WeUI库步骤

1. 在app.ison 中加入 useExtendedLib 字段

"useExtendedLib": {
   "weui": true
}

2. 在所需要的页面的 json 文件中 加入 usingComponents 字段

{

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

}

3. 组件的使用 wxml加入

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

 js文件加入

    data: {
        showDailog: true,
    },
    tapDialogButton(e) {
        this.setData({
            showDailog: false
        })
    },

像这样就可以正常使用WeUI的组件了!

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
weui组件是一个基于微信UI规范的开源组件,它提供了一套丰富的在微信公众号开发中常用的UI组件和交互样式。而axure是一种快速原型设计工具,可以帮助设计师快速创建原型,进行交互设计和用户测试。 将weui组件和axure相结合使用可以带来很多好处。首先,weui组件已经提供了很多符合微信UI规范的组件,设计师可以直接使用这些组件来快速构建界面。而axure可以帮助设计师将这些组件拖拽到画板上进行布局,并添加交互效果,使得原型更加生动和具有真实的用户体验。 其次,axure还能够方便地实现复杂的交互流程和页面跳转。设计师可以通过axure的交互功能来模拟用户的操作路径,以便更好地理解用户需求和可能的问题。同时,axure还支持生成可视化的交互演示,方便与团队成员、产品经理和开发者进行沟通和反馈。 最后,weui组件和axure的结合也能够提高设计效率和准确性。设计师可以直接使用weui组件中的组件来构建界面,避免从头开始设计,节省时间和精力。而axure的拖拽式布局和交互功能,可以使得设计师更加专注于交互和用户体验的设计,减少了编写代码的工作量。 总之,通过使用weui组件和axure,设计师可以更加高效地进行微信公众号界面设计和交互设计。这种结合能够提高设计效率、准确性,同时也方便与团队成员和开发者进行沟通和协作,最终得到更好的用户体验。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值