微信小程序-自定义下拉框组件

微信小程序中没有select下拉选项框，所以只有自定义，自己写样式啦。

自定义的话，我选择以组件的方式来创建，这样可以实现在多个地方重复使用，用户是需要引入组件和添加数据即可。

方法参照《微信小程序-自定义组件》

第一步：创建组件

在pages同级目录下新建component目录，在当前目录下新建select文件夹，里面包含.js,,wxml,,json,,wxml四个文件。

 

第二步：配置组件

1）对应的select.json中：（*****需要在json文件中填入 "component": true 表示自定义组件声明。********一定不能忘）

2）select.wxml中：

<view class='com-selectBox'>
    <view class='com-sContent' bindtap='selectToggle'>
        <view class='com-sTxt'> {
  {nowText==' '?propArray[0].text:nowText}}</v