props.js 2.6 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485
  1. import defprops from '../../libs/config/props';
  2. export default {
  3. props: {
  4. // 图片地址
  5. src: {
  6. type: String,
  7. default: defprops.image.src
  8. },
  9. // 裁剪模式
  10. mode: {
  11. type: String,
  12. default: defprops.image.mode
  13. },
  14. // 宽度,单位任意
  15. width: {
  16. type: [String, Number],
  17. default: defprops.image.width
  18. },
  19. // 高度,单位任意
  20. height: {
  21. type: [String, Number],
  22. default: defprops.image.height
  23. },
  24. // 图片形状,circle-圆形,square-方形
  25. shape: {
  26. type: String,
  27. default: defprops.image.shape
  28. },
  29. // 圆角,单位任意
  30. radius: {
  31. type: [String, Number],
  32. default: defprops.image.radius
  33. },
  34. // 是否懒加载,微信小程序、App、百度小程序、字节跳动小程序
  35. lazyLoad: {
  36. type: Boolean,
  37. default: defprops.image.lazyLoad
  38. },
  39. // 开启长按图片显示识别微信小程序码菜单
  40. showMenuByLongpress: {
  41. type: Boolean,
  42. default: defprops.image.showMenuByLongpress
  43. },
  44. // 加载中的图标,或者小图片
  45. loadingIcon: {
  46. type: String,
  47. default: defprops.image.loadingIcon
  48. },
  49. // 加载失败的图标,或者小图片
  50. errorIcon: {
  51. type: String,
  52. default: defprops.image.errorIcon
  53. },
  54. // 是否显示加载中的图标或者自定义的slot
  55. showLoading: {
  56. type: Boolean,
  57. default: defprops.image.showLoading
  58. },
  59. // 是否显示加载错误的图标或者自定义的slot
  60. showError: {
  61. type: Boolean,
  62. default: defprops.image.showError
  63. },
  64. // 是否需要淡入效果
  65. fade: {
  66. type: Boolean,
  67. default: defprops.image.fade
  68. },
  69. // 只支持网络资源,只对微信小程序有效
  70. webp: {
  71. type: Boolean,
  72. default: defprops.image.webp
  73. },
  74. // 过渡时间,单位ms
  75. duration: {
  76. type: [String, Number],
  77. default: defprops.image.duration
  78. },
  79. // 背景颜色,用于深色页面加载图片时,为了和背景色融合
  80. bgColor: {
  81. type: String,
  82. default: defprops.image.bgColor
  83. }
  84. }
  85. }