多选卡片

 {/* 材质筛选 */}
      {tags != '' ? (<CheckCard.Group
        style={{ width: '100%' }}
        size="small"

        multiple
        value={filter.checkedValues}
        bordered={false}
        onChange={(value) => {
          console.log('value', value);
          // setCheckedValue(value)
          saveFilter({ checkedValues: value })
        }}
      >
        {tags?.map((item) => {
          return <Row style={{ padding: 0 }}>
            <Col span={4}
              className={styles.searchTitle}
            >
              <strong>
                {item.title}
              </strong>
            </Col>
            <Col span={16} >
              <ul className={styles.searchRow}>

                {item.options.split(",").map((op) => {

                  return <li><CheckCard
                    title={op}
                    value={item.title + ':' + op}
                    key={item.title + ':' + op}
                    className={styles.checkCard}
                  />
                  </li>
                })}
              </ul>

            </Col>
            <Col span={4} style={{ backgroundColor: 'white' }} className={styles.searchContent}>
            </Col>
            <Divider style={{ margin: '0', color: '#e7e7e7' }}></Divider>
          </Row>
        })
        }
      </CheckCard.Group>) : (<CheckCard.Group
        style={{ width: '100%', display: 'none' }}

      ></CheckCard.Group>)
      }