更新记录

2.0.1（2021-06-03）

修复bug，新增功能

2.0.0（2021-04-11）

完善下拉选择功能，添加选中状态，修复bug

1.0.0（2021-04-05）

发布组件

平台兼容性

dropdown-screen 使用说明

1. 基本用法

   <template>
   <view>
       <dropdown-screen ></dropdown-screen>
   </view>
   </template>
   <script>
   import dropdownScreen from '@/components/dropdown-screen/dropdown-screen'
   export default {
       data() {
           return {
   
           }
       },
       components: {
           dropdownScreen
       },
       methods: {
   
       }
   }
   </script>
   <style>
   </style>

使用说明

平台差异说明

OBJECT 参数说明：

tips

1. listArr 标题数组

   listArr要求是必传，是展示在筛选条上的每项的标题，但为了展示使用，目前组件内有listArr的默认值

   示例：

   ['冰度', '甜度', '加料', '配送距离']

2. itemArr

   itemArr要求是必传，是点击标题展开后的选项列表，但为了展示使用，目前组件内有itemArr的默认值

   示例：

   [
       [{
           text: '加冰',
           value: 1
       }],
       [{
           text: '三分糖',
           value: 3
       }, {
           text: '五分糖',
           value: 4
       }],
       [{
           text: '珍珠',
           value: 7
       }, {
           text: '椰果',
           value: 8
       }],
       [{
           text: '1KM',
           value: 11
       }]
   ]

   itemArr是二维的数组，一维度的每一项对应着listArr的每一项，二维度则是该标题下展开的选择项

3. customIndexArr 自定义事件的索引数组 ———— 存在一些情况，并不希望展开选项，而是去做一些自定义的操作 使用者可以通过customIndexArr来指定哪些标题项是需要进行自定义操作的 例如你的listArr是

   ['冰度', '甜度', '加料', '配送距离'] 如果你想要"加料"进行自定义操作，那么你的customIndexArr需要传入"加料"项所在数组的索引，就是 [2]

4. customClick

   用户点击了自定义的选项时触发的事件

5. finish

   用户点击了展开的选项后触发的事件，会将选项所属index与选项详情作为参数吐出