微信小程序实战系列 (一) ——插件制作

制作小程序插件具体需要哪些知识?

     从便于理解角度来说，可以把小程序看成类H5页面，提供了视图层描述语言，WXML 和 WXSS 以及基于JavaScript的逻辑层框架，并在视图层与逻辑层间提供了数据传输和事件系统，可以让开发者可以方便的聚焦于数据与逻辑上。这里wxml相当于html，wxss相当于css。因此对于前端开发来说小程序有点“似曾相识”的感觉，很容易上手。

制作提示框

    制作原因: 

          1. 由于微信小程序自带 的 showToast 本身由于字数的超过而导致不显示的原因,使得很多项目在输出后台的返回调回后显得很尴尬!

          2.showToast 的显示图标并不是很方便,常见失败,成功,注意等图标并不是很满意.

          3.showToast 并没有一个执行后的回调函数.

          4.showToast 在执行的时候背后的页面应该不允许点击,而官方自带的却可以随意点击.

        制作步骤一:

           现在index.wxml 或者其他新建的微信,wxml 里面建立起需要的代码.如图:

                wxss 写入需要的css .如图:

   

     目前已经有一个大概的样子,接下来我们在根目录或者(Pages)里面创建 一个文件夹 (toast).此文件夹为我们开发插件的目录,

      然后在toast文件夹里面创建wxml ,把之前的wxml里面的内容复制到 新的toast.wxml 里面加已修改.如图:

    

创建完成之后.创建wxss文件.只要把之前的整个复制进去就行..然后在app.wxss里面引入这个目录的css(由于插件不会自动加载,所以手动引入).如图:

    

重点来了.最主要的js部分.如图:

简单的一个js类.同时能给予wxml赋值.

最后面的使用:

wxml的引入

    

简单的一个toast 制作就这么完成了..后续有更多关于小程序的文章会陆续发布.

有需要咨询可联系我哦!

同时也可以回复想制作的插件,小编尽力出教程~