更新记录

1.0.0（2025-05-30） 下载此版本

首次上传

平台兼容性

uni-app(4.01)

uni-app x(4.01)

基础用法

<template>
  <view class="content">
    <naiya-filter :filterConfig="customFilterConfig" 
  :initialFilters="initialFilters" 
  @filterChange="" 
> 
    </naiya-filter>
    <!-- 其他内容 -->
  </view>
</template>

<script>

export default {

  data() {
    return {
      initialFilters: {
        // 初始筛选条件
      },
      customFilterConfig: [
        { name: '分类', key: 'category', type: 'radio', options: [
          { label: '全部', value: '' },
          { label: '电子产品', value: 'electronics' },
          { label: '服装', value: 'clothing' },
          { label: '食品', value: 'food' }
        ]},
        { name: '品牌', key: 'brand', type: 'checkbox', options: [
          { label: '苹果', value: 'apple' },
          { label: '华为', value: 'huawei' },
          { label: '小米', value: 'xiaomi' },
          { label: '三星', value: 'samsung' }
        ]},
        { name: '价格', key: 'price', type: 'price' },
        { name: '日期', key: 'date', type: 'date' }
      ]
    }
  },
  methods: {
    (filters) {
      console.log('筛选条件变更:', filters);
      // 在这里处理筛选逻辑
    }
  }
}
</script>