props.js 2.5 KB

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