[微信小程序]手拉手教你如何在微信迷你程序中实现自定义组件

  • A+
所属分类:企业网站建设
摘要

(点击每日精品短片内容搞笑网络名人视频)</b>在做小程序开发之前,对于开发比定制组件更头痛的问题,当时这方面的正式文档只是几个字,只是一个注释,所以写起来真的很痛苦!.幸运的是,微信计划的图书馆从1.6.3开始,官方定制的这个组件有了比较大的变化,首

(点击http://www.jingrishuadian.com每日精品短片内容搞笑网络名人视频)<;/b>;

在做小程序开发之前,对于开发比定制组件更头痛的问题,当时这方面的正式文档只是几个字,只是一个注释,所以写起来真的很痛苦!

.

幸运的是,微信计划的图书馆从1.6.3开始,官方定制的这个组件有了比较大的变化,首先,更明显的感觉<;b>;[小白广告联盟最赚钱的中国共产党和注册会计师点击像百度联盟http://www.xiaobaiadmin.com]>;/b>;这样的广告联盟,是不是比以前多了,你有吗?(小程序文档)现在支持简单的基于组件的编程,可以将页面中的功能模块抽象为自定义组件,以便在不同的页面中重用,提高代码的可读性,降低代码维护的成本!

.

这篇文章是教你如何在小程序中实现自定义组件,坐稳。

\\N\\

为了制作自定义组件,让我们设定一个小目标,例如,在小程序的WEUI中实现弹丸窗口组件,基本效果图如下所示。

WEUI子弹架

Step 1

.

我们初始化小程序(本例的基本版本库为1.7),删除示例代码,并创建一个新文件夹来存储我们在未来开发中使用的组件。今天,我们的目标是实现一个项目框架组件,所以我们在组件中创建一个新的文件夹来存储我们的弹窗口组件,右键单击下面并命名它们。生成了相应的四个文件(自定义组件的一部分),您的项目结构应该如下所示:

项目结构

Step 2

.

组件的初始化已经就绪,然后是组件的配置。首先,我们需要声明自定义组件,即将其中的字段设置为:

.

.

其次,我们需要在文件中写入SpringWindow组件模板,将弹出窗口组件样式添加到文件中,它们的写入方式类似于页面的编写方式,我不会重复,直接粘贴代码~。

.

这些文件如下:

.

.

这些文件如下:

.

.

Asia

.

组件的结构和样式都有,缺少的是,是的,缺少的,敏锐的眼睛的学生,可能已经发现我们在文件中会有一些诸如这样的模板变量,但也定义和<;b>;[如鱼水个人博客做自己最喜欢的内容http://www.6654n.com]<;/b>;两种方法,它的具体实现是在。刷互联网,信息产业,文化和娱乐http://www.shuadianzixun.com]>;/b>;

.

它是通过使用小程序中的构造函数生成的自定义组件的构造函数。在调用构造函数时,可以使用它来指定自定义组件的属性、数据、方法等。有关具体细节,请参阅正式文件。

.

让我通过代码注释解释构造函数中某些属性的使用:

.

.

Step 4

.

到目前为止,您应该已经完成了大多数自定义弹出组件,但是您在保存它之后还没有发现任何更改,因为我们还需要将它引入文件中!

.

首先,您需要在以下内容中引入组件:

.

.

然后我们将它引入其中并添加一些自定义值,如下所示

.

.

还有最后一步。配置,是的,这也很简单,我复制并粘贴了它。

.

.

就这样!伟大的任务已经完成!

.

Step 5

.

让我们来测试一下:

??1?4?

单击该按钮后,将出现以下效果:

弹窗出现

如果我们点击“取消”或“确认”按钮,我们将在活动中设置弹出窗口将关闭,并将打印出相应的信息,具体单击要做什么,取决于您自己的发挥,我只能在这里帮助您~

单击“取消”,单击“确定”。

现在,你已经基本掌握了小程序的定制组件开发技巧,怎么了,不是很好,应该给自己一个相似的,打个电话。

一般来说,小程序推出了定制的组件,感觉更方便,没有朋友,赶快学习,在以后更多的组件基础上开发,不会那么不舒服,加油哦~。

.

具体代码,我已经设法到GitHub了,欢迎~

\\N\\

分享当前页面将至少获得10%佣金,点此获取推广链接(规则说明)。

本站VIP源码资源永久免费下载!持续更新!www.526bt.com

加入999永久VIP会员带做项目包赚钱!教引流包搭建,社群资源共享!

新项目更新通知QQ群:767688774 站长技术交流QQ群:552760713

点击这里给我发消息

  • 我的微信
  • 这是我的微信扫一扫
  • weinxin
  • 我的微信公众号
  • 我的微信公众号扫一扫
  • weinxin
admin
第三方支付通道申请 支付宝支付代申请 微信支付代申请 QQ钱包支付代申请
皇冠体育信用盘带新版老版手机端,登1,2,3采集正常-建站QQ168015540
2019年最新个体营业执照代办500元3-4天即可快递发你
H5牛牛游戏开发只要你有演示站,我们就能定制,精仿道游

发表评论

您必须才能发表评论!