props.js 2.0 KB

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