components_color.js 958 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647
  1. module.exports = {
  2. data() {
  3. },
  4. props: {
  5. // 背景颜色
  6. backgroundColor: {
  7. type: String,
  8. default: ''
  9. },
  10. // 字体颜色
  11. fontColor: {
  12. type: String,
  13. default: ''
  14. },
  15. // 字体大小
  16. fontSize: {
  17. type: Number,
  18. default: 0
  19. },
  20. // 字体大小单位
  21. fontUnit: {
  22. type: String,
  23. default: 'rpx'
  24. }
  25. },
  26. computed: {
  27. backgroundColorStyle() {
  28. return this.$t.color.getBackgroundColorStyle(this.backgroundColor)
  29. },
  30. backgroundColorClass() {
  31. return this.$t.color.getBackgroundColorInternalClass(this.backgroundColor)
  32. },
  33. fontColorStyle() {
  34. return this.$t.color.getFontColorStyle(this.fontColor)
  35. },
  36. fontColorClass() {
  37. return this.$t.color.getFontColorInternalClass(this.fontColor)
  38. },
  39. fontSizeStyle() {
  40. return this.$t.string.getLengthUnitValue(this.fontSize, this.fontUnit)
  41. }
  42. },
  43. methods: {
  44. }
  45. }