微信小程序中select组件的下拉封装

前言

最近开始学习微信小程序，在熟悉Vue的基础上今天分享一个自定义化的下拉组件（参考现有组件并根据自身需求进行调整）。是否倾向于过度开发自己的功能？对于已有功能的人往往喜欢快速复制并稍作改动？这种习惯其实是从小公司养成的习惯

需求

本项目需求中设置了带有筛选功能的下拉框。但与我们的设计需求存在差异。目前发现该平台并未支持select标签使用。即便选框支持select标签，在样式呈现上仍未能达到预期效果。因此最终不得不自制了一个功能模块来完成筛选逻辑。效果如下

代码

子组件

component/select/select.wxml

 <view class='com-selectBox'>

    
   <view class='com-sContent' bindtap='selectToggle'>
    
     <view class='com-sTxt'> {{ nowText }}</view>
    
     <image src='../../img/arrow.png' class='com-