yl-view/components/yl-search/props.js

一个基于uniapp的ui框架

export default {
	props: {
		iconName:{ //前置图标
			type:String,
			default:''
		},
		iconColor:{ //前置图标颜色
			type:String,
			default:'#909399'
		},
		iconSize: {//前置图标大小
			type: [Number, String],
			default: 40
		},
		color:{ //输入框字体颜色
			type:String,
			default:'#606266'
		},
		fontSize:{ //输入框字体大小,
			type:String,
			default:'28rpx'
		},
		bgColor:{ //搜索框背景颜色
			type:String,
			default:'#f2f2f2'
		},
		borderColor:{ //边框颜色
			type:String,
			default:''
		},
		height:{ //搜索框高度
			type:String,
			default:'88rpx'
		},
		borderRadius:{ //搜索框圆角 
			type:String,
			default:'6rpx'
		},
		inputAlign:{//输入框内容水平对齐方式  left/center/right
			type:String,
			default:'left'
		},
		inputStyle:{ //自定义输入框样式，对象形式
			type:Object,
			default: () => ({})
		},
		placeholder:{ //占位文字
			type:String,
			default:"请输入关键字"
		},
		placeholderColor:{//占位文字颜色
			type:String,
			default:"#909399"
		},
		placeholderSize:{//占位文字大小
			type:String,
			default:"26rpx"
		},
		placeholderWeight:{//占位文字字粗
			type:String,
			default:"400"
		},
		maxlength:{ //输入框最大输入长度 
			type:[Number,String],
			default:-1
		},
		disabled:{ //禁用
			type:Boolean,
			default:false
		},
		clearabled:{ //是否启用清除控件
			type:Boolean,
			default:true,
		},
		showRight:{ //是否显示右侧控件
			type:Boolean,
			default:false
		},
		rightText:{ //右侧空间文字
			type:String,
			default:"搜索"
		},
		value:{ //初始化值
			type:String,
			default:''
		},
		showTips:{  //是否启用联想功能
			type:Boolean,
			default:false
		},
		tipsList:{  //联想列表
			type:Array,
			default:()=>[]
		},
		tipsHeight:{ //联想框最大高度
			type:String,
			default:"400rpx"
		},
		noTipsText:{  //联想为空时的提示语
			type:String,
			default:'暂无'
		},
		tipActiveColor:{  //联想词条选择时主题颜色 目前支持目前支持 "info","primary","error","warning","success"
			type:String,
			default:'primary'
		},
		adjust:{  //键盘弹起时，是否自动上推页面
			type:Boolean,
			default:false
		},
		type:{
			type:String,
			default:'text'
		},
		keyName:{
			type:String,
			default:'text'
		}
	}
		
}