微信小程序——自定义select选择器

wxml文件

<view class='select_box'>
  <view class="select" catchtap='selectTap'>
    <view class="select-part">
      <text class='select_text'>{
  { index !=-1 ? selectData[index] : '选择喜欢的水果'}}</text>
      <icon iconClass="icontongyong_jiantouxiangxia" class="iconarrow-top" wx:if="{
  {!isSelected}}"></icon>
      <icon iconClass="iconarrow-top" class="iconarrow-top" wx:if="{
  {isSelected}}"></icon>
    </view>
    <image class='select_img {
  {show&&"select_img_rotate"}}' src=''></image>
  </view>
  <view class='option_box' style='height:{
  {show?(selectData.length>5?300:selectData.length*60):0}}rpx;'>
    <text class='