searchBox.js 1.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081
  1. // 本组件为搜索组件
  2. // 需要传入addflag 值为true / false (搜索框右侧部分)
  3. // 若显示搜索框右侧部分 需传入右侧图标url以及addhandle函数
  4. Component({
  5. properties: {
  6. addflag: { //显示搜索框右侧部分
  7. type: Boolean,
  8. value: false,
  9. observer(newVal, oldVal, changedPath) {
  10. }
  11. },
  12. addimg: { //显示搜索框右侧部分icon
  13. type: String,
  14. value: ''
  15. },
  16. searchstr: { //input 值
  17. type: String,
  18. value: '值'
  19. },
  20. searchflag: {
  21. type: Boolean,
  22. value: false,
  23. }
  24. },
  25. /**
  26. * 组件的初始数据
  27. */
  28. data: {
  29. // searchflag: false, //搜索框 取消按钮显示与隐藏
  30. },
  31. /**
  32. * 组件的方法列表
  33. */
  34. methods: {
  35. //获得焦点
  36. getfocus() {
  37. this.setData({
  38. searchflag: true,
  39. })
  40. },
  41. //搜索框右侧按钮事件
  42. addhandle() {
  43. this.triggerEvent("addhandle");
  44. },
  45. //搜索输入
  46. searchList(e) {
  47. this.triggerEvent("searchList", e);
  48. },
  49. //查询
  50. endsearchList(e) {
  51. this.triggerEvent("endsearchList");
  52. },
  53. //失去焦点
  54. blursearch() {
  55. // console.log('失去焦点')
  56. },
  57. // 取消
  58. cancelsearch() {
  59. this.setData({
  60. searchflag: false,
  61. })
  62. this.triggerEvent("cancelsearch");
  63. },
  64. //清空搜索框
  65. activity_clear(e) {
  66. this.triggerEvent("activity_clear");
  67. },
  68. }
  69. })