小程序功能中怎么没有交易组件?

基于微信的Component自定义组件封装,简洁的组件化编程,关于Component自定义组件参考 。

注意需要开启微信开发者工具中的ES6转ES5功能,请使用大于1.6.3版本的小程序基础库,并将微信更新到最新版本。

如果你需要一套代码开发微信小程序和支付宝小程序,那么 也许能协助你(微信小程序和支付宝小程序 API 兼容插件)

请用微信开发者工具打开 src 目录

  • 组件化编程开发,可配置、可扩展、可复用
  • 小程序API的二次封装,如转发分享
  • 公共方法的封装,如URL参数转换

  • 需要在使用组件的页面json配置文件中加入以下字段,配置组件的引用声明usingComponents
  • 使用组件,引入组件模板

下面是展示Tab组件的简单使用,具体示例参考项目内部pages/weapp/tab中代码。其它类型组件使用基本和这种调用方式类似。


浮动提示,普遍在移动开发中使用的Toast组件,与小程序的showToast不同

  • delay自动关闭的延迟时间,单位毫秒,默认: 1500

  • theme主题样式,默认为空,可传入weapp-tab或其它自定义样式

加载更多、暂无数据提示,通常配合上拉数据列表使用

  • empty-txt暂无数据提示文字,默认: 暂无数据
  • loading-txt加载中提示文字,默认: 正在加载
  • nomore-txt没有更多提示文字,默认: 没有更多数据了

弹出菜单,最多12个可支持的箭头方位,满足绝大部分场景

  • elem-id根据哪个元素定位,元素的ID

  • delay自动关闭的延迟时间,单位毫秒,默认: 1500

日历选择,支持多个月份滑动切换展示,左右点击切换月份,切换到今天

  • current默认显示第几个月,从开始日期的月份为第一个月,默认: 0

页面转发分享,除去每个页面的繁杂配置,使用起来更加简单高效,支持页面传递参数 options

  • url转发的页面地址,默认为当前页面地址

  • value任意需要判断的参数

将对象解析成url字符串

  • urlObject参数对象,要转换成字符串参数的对象

}

如果小程序中有可复用的UI且具有一定的功能性,就可以使用自定义组件将其封装起来。(如果仅仅只需要复用UI可使用template)

下面介绍父子组件的数据传递方法,以及一个简单的组件和一个复杂的组件示例。

【由于刚开始写这篇文章的时候我还算是一个小程序的新手,自己看着官方文档研究并整理归纳的,有很多不足以及错误的地方。在经过一年的沉淀以后(虽然这一年我主要在写vue而不是小程序),我决定重新整理这篇浏览量比较大的文章,以免新手因我的文章走了弯路。】

二、父子组件传递数据的方法

}

我要回帖

更多关于 微信小程序怎么做 的文章

更多推荐

版权声明:文章内容来源于网络,版权归原作者所有,如有侵权请点击这里与我们联系,我们将及时删除。

点击添加站长微信