微信小程序这样的模板是自带的，还是开发的？

这是小程序货架，是微信服务号自带的，需要申请开通。

做微信小程序开发主要有两种模式：

1、模板+拖拽制作。这种模式下，工具平台方会提供一些比较典型的行业、场景模板，同时还会提供比较丰富的相关功能模块，这些功能模块可以自由“装卸”到模板上去。模板比较全面地体现了相关类别小程序的整体框架，用户基于该模板框架，结合自身的具体需求，通过拖拽方式对各种各样的模块进行自由组合，从而实现各种各样的个性化需求。

2、组件化的快速开发模式。能到“组件化”这个层面，足以表明这种模式其实已经开始颇有点专业开发的味道了。这种模式下，主要特征是将各种比较通用的代码模块封装成一个个组件，未来开发中不用重复编写这些模块的代码，而是直接拖用组件。

小程序的优势是：

1、提高成单率，小程序无需安装、用完即走，流程快速的浏览体验能大大提高成单率。其实用户对于在哪下单、用什么工具下单并不是十分 care，他们在乎的永远只有：速度与安全。小程序在微信环境中，能兼具这两大要素。

2、有效统计用户喜好，通过小程序，企业可以直观地观察到客户的购买偏好、购买频次、购买时段、回购率等数据，再通过对这些数据的分析来制定相应的营销与推广策略。

3、品牌体系的建立， 如今小程序可直接与公众号关联，对于想要打造品牌体系的企业来说，小程序可以和公众号、社群等形成微信内的品牌体系。

最近正在做的一个小程序项目中需要用到一个可清除的输入框控件，为了在项目中使用方便以及方便其他项目直接使用，便封装了一个可清除的input自定义组件。

组件需要达到的需求是：输入框内没有内容时，删除按钮隐藏；当输入框内有内容时，删除按钮显示，点击删除按钮则清空输入框内所有内容。并且还可以设置输入框整体样式以及输入框左侧图标。

明确了需求之后，就可以开始着手实现了。

首先，在目标目录下新建一个自定义组件

建好之后，我们需要来设计布局。根据需求来看，我们只需要三个组件：两个image和一个input。左边一个image提示图标，然后一个input输入框，最后一个image删除按钮。我们要把尽可能多的数据设置成可以修改的绑定数据，提高自定义组件的可扩展性。

最终确定的wxml布局文件如下：

然后，我们就要来设置组件的一些属性和监听方法了。小程序的组件属性列表是定义在.js文件的properties里的。把需要暴露出去并可以修改的属性都写在这里面。其语法示例如下：

我的属性列表如下：

完成了属性列表的编写之后，接下来我们需要为自定义组件添加监听事件。

事件系统是组件间通信的主要方式之一。自定义组件可以触发任意的事件，引用组件的页面可以监听这些事件。

监听以及触发事件的语法是这样的：

这里我们需要设置的触发事件有，输入框的输入事件以及输入框的确认事件。通过 triggerEvent 方法指定事件名以及事件触发事件参数

以上就已经完成了这个可清除input组件的自定义开发了。现在来看怎么使用这个组件。

首先在需要使用此组件的页面.json文件中设置usingComponents属性来引入这个自定义组件

然后，我们就可以在页面中引用这个自定义组件了，引用的方式非常简单，通过我们在上一步设置的标签名称就可以引用了。

最终实现的效果图如下：

项目GitHub地址：

微信小程序酒店类模板

微信小程序捐款类模板

---