card.js 1.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061
  1. Component({
  2. externalClasses: ['tui-card-class'],
  3. options: {
  4. multipleSlots: true
  5. },
  6. properties: {
  7. //是否铺满
  8. full: {
  9. type: Boolean,
  10. value: false
  11. },
  12. image: {
  13. type: Object,
  14. value: {
  15. url: "", //图片地址
  16. height: 60, //图片高度
  17. width: 60, //图片宽度
  18. circle: false
  19. }
  20. },
  21. //标题
  22. title: {
  23. type: Object,
  24. value: {
  25. text: "", //标题文字
  26. size: 30, //字体大小
  27. color: "#7A7A7A" //字体颜色
  28. }
  29. },
  30. //标签,时间等
  31. tag: {
  32. type: Object,
  33. value: {
  34. text: "", //标签文字
  35. size: 24, //字体大小
  36. color: "#b2b2b2" //字体颜色
  37. }
  38. },
  39. header: {
  40. type: Object,
  41. value: {
  42. bgcolor: "#fff", //背景颜色
  43. line: false //是否去掉底部线条
  44. }
  45. },
  46. //是否设置外边框
  47. border: {
  48. type: Boolean,
  49. value: false
  50. }
  51. },
  52. data: {},
  53. methods: {
  54. handleClick() {
  55. this.triggerEvent('click', {});
  56. },
  57. longTap() {
  58. this.triggerEvent('longclick', {});
  59. }
  60. }
  61. })