button.js 1.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899
  1. //注意:自定义组件无法触发form的bindsubmit,bindreset事件
  2. //可以在组件外层嵌套个button按钮,背景设为none,form-type写在外层按钮上(参考登录页面)
  3. Component({
  4. externalClasses: ['tui-button-class'],//自定义样式
  5. properties: {
  6. // primary, white, danger, warning, green, gray,gradual
  7. type: {
  8. type: String,
  9. value: 'gradual',
  10. },
  11. // block, mini, small
  12. size: {
  13. type: String,
  14. value: 'block',
  15. },
  16. // circle, square
  17. shape: {
  18. type: String,
  19. value: 'square'
  20. },
  21. plain:{
  22. type: Boolean,
  23. value: false
  24. },
  25. disabled: {
  26. type: Boolean,
  27. value: false,
  28. },
  29. loading: {
  30. type: Boolean,
  31. value: false,
  32. },
  33. openType: {
  34. type: String,
  35. value:''
  36. },
  37. formType: {
  38. type: String,
  39. value: ''
  40. },
  41. hoverStopPropagation: {
  42. type: Boolean,
  43. value:false
  44. },
  45. lang: {
  46. type: String,
  47. value: 'en'
  48. },
  49. appParameter: {
  50. type: String,
  51. value: ''
  52. },
  53. sessionFrom:{
  54. type: String,
  55. value: ''
  56. },
  57. showMessageCard: {
  58. type: Boolean,
  59. value: false
  60. },
  61. sendMessageImg: {
  62. type: String,
  63. value: ''
  64. },
  65. sendMessagePath: {
  66. type: String,
  67. value: ''
  68. },
  69. sendMessageTitle:{
  70. type: String,
  71. value: ''
  72. },
  73. hidden:{
  74. type:Boolean,
  75. value:false
  76. }
  77. },
  78. data: {
  79. },
  80. methods: {
  81. handleClick() {
  82. if (this.data.disabled) return false;
  83. this.triggerEvent('click', {});
  84. },
  85. bindgetuserinfo({ detail = {} } = {}) {
  86. this.triggerEvent('getuserinfo', detail);
  87. },
  88. bindcontact({ detail = {} } = {}) {
  89. this.triggerEvent('contact', detail);
  90. },
  91. bindgetphonenumber({ detail = {} } = {}) {
  92. this.triggerEvent('getphonenumber', detail);
  93. },
  94. binderror({ detail = {} } = {}) {
  95. this.triggerEvent('error', detail);
  96. }
  97. }
  98. })