divider.js 983 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647
  1. Component({
  2. externalClasses: ['tui-divider-class'],
  3. properties: {
  4. //divider占据高度
  5. height: {
  6. type: Number,
  7. value: 100
  8. },
  9. //divider宽度,可填写具体长度,如400rpx
  10. width: {
  11. type: String,
  12. value: "100%"
  13. },
  14. //divider颜色,如果为渐变线条,此属性失效
  15. dividerColor: {
  16. type: String,
  17. value: "#e5e5e5"
  18. },
  19. //文字颜色
  20. color: {
  21. type: String,
  22. value: "#999"
  23. },
  24. //文字大小 rpx
  25. size: {
  26. type: Number,
  27. value: 24
  28. },
  29. //背景颜色,和当前页面背景色保持一致
  30. bgcolor: {
  31. type: String,
  32. value: "#fafafa"
  33. },
  34. //是否为渐变线条,为true,divideColor失效
  35. gradual: {
  36. type: Boolean,
  37. value: false
  38. },
  39. //渐变色值,to right ,提供两个色值即可,由浅至深
  40. gradualColor: {
  41. type: Array,
  42. value: ["#eee", "#ccc"]
  43. }
  44. },
  45. data: {},
  46. methods: {}
  47. })