为组件设置一个容器，在容器中放置搜索图标、输入框、清除文字按钮和搜索按钮。
input-wrapper：高度80rpx，背景色#fff，flex布局，border-radius:20rpx。
search-icon：宽高32rpx。
input：字体和光标颜色#000，字体大小32rpx。
close-icon-wrapper：宽高80rpx，绝对定位。
text：搜索按钮宽110rpx，高65rpx，绝对定位，左边框2rpxsolid#eee。
组件的构造器中要注意区分properties和data，properties中写组件的对外属性，data写组件的对内属性。在本搜索组件中placeholder和value从页面传来，所以它们写在properties中，控制清除按钮是否出现的showCloseIcon要写在data中。
（2）光标聚焦，没有任何输入——光标闪烁，显示搜索图标、placeholder和搜索按钮。
（3）光标聚焦，有输入——光标闪烁，显示搜索图标、输入文字、清除按钮和搜索按钮。
（4）光标不聚焦，有输入——显示搜索图标、输入文字、清除按钮和搜索按钮。
（5）按回车搜索——清除按钮隐藏。
（6）点击搜索按钮——清除按钮隐藏。
由此可见，需要input组件的聚焦和键盘输入事件。
handleInput：如果输入时没有内容，不显示closeIcon，有内容，显示closeIcon并把值存入value。
handleSearch：点击回车后，不显示closeIcon。
triggerEvent：自定义组件触发事件时，需要使用triggerEvent方法，指定事件名、detail对象和事件选项。
小程序工具提供多类型商城/门店小程序制作，可视化编辑1秒生成5步上线。通过拖拽、拼接模块布局小程序商城页面，所看即所得，只需要美工就能做出精美商城。更多小程序商店请查看：小程序商店
KESION不断通过技术创新，提供产品和服务，助力企业向数字化转型，通过科技驱动商业革新，让商业变得更智慧！
科汛专注于在线教育软件及私域社交电商SaaS平台解决方案，让商业经营更简单。