zhangmeng
2024-04-19 e3ba120cb766a17e098e58d11c39ffc600a3070c
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
export default {
    props: {
        // 搜索框形状,round-圆形,square-方形
        shape: {
            type: String,
            default: uni.$u.props.search.shape
        },
        // 搜索框背景色,默认值#f2f2f2
        bgColor: {
            type: String,
            default: uni.$u.props.search.bgColor
        },
        // 占位提示文字
        placeholder: {
            type: String,
            default: uni.$u.props.search.placeholder
        },
        // 是否启用清除控件
        clearabled: {
            type: Boolean,
            default: uni.$u.props.search.clearabled
        },
        // 是否自动聚焦
        focus: {
            type: Boolean,
            default: uni.$u.props.search.focus
        },
        // 是否在搜索框右侧显示取消按钮
        showAction: {
            type: Boolean,
            default: uni.$u.props.search.showAction
        },
        // 右边控件的样式
        actionStyle: {
            type: Object,
            default: uni.$u.props.search.actionStyle
        },
        // 取消按钮文字
        actionText: {
            type: String,
            default: uni.$u.props.search.actionText
        },
        // 输入框内容对齐方式,可选值为 left|center|right
        inputAlign: {
            type: String,
            default: uni.$u.props.search.inputAlign
        },
        // input输入框的样式,可以定义文字颜色,大小等,对象形式
        inputStyle: {
            type: Object,
            default: uni.$u.props.search.inputStyle
        },
        // 是否启用输入框
        disabled: {
            type: Boolean,
            default: uni.$u.props.search.disabled
        },
        // 边框颜色
        borderColor: {
            type: String,
            default: uni.$u.props.search.borderColor
        },
        // 搜索图标的颜色,默认同输入框字体颜色
        searchIconColor: {
            type: String,
            default: uni.$u.props.search.searchIconColor
        },
        // 输入框字体颜色
        color: {
            type: String,
            default: uni.$u.props.search.color
        },
        // placeholder的颜色
        placeholderColor: {
            type: String,
            default: uni.$u.props.search.placeholderColor
        },
        // 左边输入框的图标,可以为uView图标名称或图片路径
        searchIcon: {
            type: String,
            default: uni.$u.props.search.searchIcon
        },
        searchIconSize: {
            type: [Number, String],
            default: uni.$u.props.search.searchIconSize
        },
        // 组件与其他上下左右元素之间的距离,带单位的字符串形式,如"30px"、"30px 20px"等写法
        margin: {
            type: String,
            default: uni.$u.props.search.margin
        },
        // 开启showAction时,是否在input获取焦点时才显示
        animation: {
            type: Boolean,
            default: uni.$u.props.search.animation
        },
        // 输入框的初始化内容
        value: {
            type: String,
            default: uni.$u.props.search.value
        },
        // 输入框最大能输入的长度,-1为不限制长度(来自uniapp文档)
        maxlength: {
            type: [String, Number],
            default: uni.$u.props.search.maxlength
        },
        // 搜索框高度,单位px
        height: {
            type: [String, Number],
            default: uni.$u.props.search.height
        },
        // 搜索框左侧文本
        label: {
            type: [String, Number, null],
            default: uni.$u.props.search.label
        }
    }
}