更新记录

1.0.0（2024-05-17） 下载此版本

初始化

平台兼容性

注意事项

注意事项 本组件使用了uni-icons, 请在使用前先引用uni-icons组件。本组件使用了iconfont图标, 如若更换图标，请自行上传iconfont.css进行更换。

安装方式

本组件符合easycom规范，HBuilderX 2.5.5起，只需将本组件导入项目，在页面template中即可直接使用，无需在页面中import和注册components。

基本用法

在 template 中使用组件

<spring-search-box @change="change" @scan="scan"></spring-search-box>

显示右侧扫码或重置按钮

<spring-search-box :showScan="true" :showReset="true"></spring-search-box>

显示左侧标签

<spring-search-box :showLabel="true" :columns="columns" :showLine="true"></spring-search-box>

左侧标签筛选

<spring-search-box :isLabelPicker="true" :columns="columns" :showLine="true"></spring-search-box>

不显示左侧搜索图标

<spring-search-box :showSearch="false" :columns="columns" :isLabelPicker="true"
            :showLine="true"></spring-search-box>

export default {
    data() {
        return {
            columns: [{
                    label: '作品名称',
                    value: ''
                },
                {
                    label: '作品作者',
                    value: ''
                }
            ]
        }
    },
    methods: {
        change(e) {
            console.log(e);
        },

        scan(e) {
            console.log(e);
        }
    }
}

API

Props

Events