123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081 |
- // 本组件为搜索组件
- // 需要传入addflag 值为true / false (搜索框右侧部分)
- // 若显示搜索框右侧部分 需传入右侧图标url以及addhandle函数
- Component({
- properties: {
- addflag: { //显示搜索框右侧部分
- type: Boolean,
- value: false,
- observer(newVal, oldVal, changedPath) {
- }
- },
- addimg: { //显示搜索框右侧部分icon
- type: String,
- value: ''
- },
- searchstr: { //input 值
- type: String,
- value: '值'
- },
- searchflag: {
- type: Boolean,
- value: false,
- }
- },
- /**
- * 组件的初始数据
- */
- data: {
- // searchflag: false, //搜索框 取消按钮显示与隐藏
- },
- /**
- * 组件的方法列表
- */
- methods: {
- //获得焦点
- getfocus() {
- this.setData({
- searchflag: true,
- })
- },
- //搜索框右侧按钮事件
- addhandle() {
- this.triggerEvent("addhandle");
- },
- //搜索输入
- searchList(e) {
- this.triggerEvent("searchList", e);
- },
- //查询
- endsearchList(e) {
- this.triggerEvent("endsearchList");
- },
- //失去焦点
- blursearch() {
- // console.log('失去焦点')
- },
- // 取消
- cancelsearch() {
- this.setData({
- searchflag: false,
- })
- this.triggerEvent("cancelsearch");
- },
- //清空搜索框
- activity_clear(e) {
- this.triggerEvent("activity_clear");
- },
- }
- })
|