props.js 1.9 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485
  1. export default {
  2. props: {
  3. //二维码内容
  4. value: {
  5. type: [String, Number]
  6. },
  7. //选项
  8. options: {
  9. type: Object,
  10. default: () => {
  11. return {};
  12. }
  13. },
  14. //二维码大小
  15. size: {
  16. type: [String, Number],
  17. default: 200
  18. },
  19. //导出的文件类型
  20. fileType: {
  21. type: String,
  22. default: 'png'
  23. },
  24. //是否初始化组件后就开始生成
  25. start: {
  26. type: Boolean,
  27. default: true
  28. },
  29. //是否数据发生改变自动重绘
  30. auto: {
  31. type: Boolean,
  32. default: true
  33. },
  34. //隐藏组件
  35. hide: {
  36. type: Boolean,
  37. default: false
  38. },
  39. /**
  40. * canvas 类型,微信小程序默认使用2d,非2d微信官方已放弃维护,问题比较多
  41. * 注意:微信小程序type2d手机上正常,PC上微信内打开小程序toDataURL报错,看后期微信官方团队会不会做兼容,不兼容的话只能在自行判断在PC使用非2d,或者直接提示用户请在手机上操作,微信团队的海报中心小程序就是这么做的
  42. */
  43. type: {
  44. type: String,
  45. default: () => {
  46. // #ifdef MP-WEIXIN
  47. return '2d';
  48. // #endif
  49. // #ifndef MP-WEIXIN
  50. return 'normal';
  51. // #endif
  52. }
  53. },
  54. //队列绘制,主要针对NVue端
  55. queue: {
  56. type: Boolean,
  57. default: false
  58. },
  59. //是否队列加载图片,可减少canvas发起的网络资源请求,节省服务器资源
  60. isQueueLoadImage: {
  61. type: Boolean,
  62. default: false
  63. },
  64. //loading态
  65. loading: {
  66. type: Boolean,
  67. default: undefined
  68. },
  69. //H5保存即自动下载(在支持的环境下),默认false为仅弹层提示用户需要长按图片保存,不会自动下载
  70. h5SaveIsDownload: {
  71. type: Boolean,
  72. default: false
  73. },
  74. //H5下载名称
  75. h5DownloadName: {
  76. type: String,
  77. default: 'uvQRCode'
  78. },
  79. // H5保存二维码时候是否显示提示
  80. h5SaveTip: {
  81. type: Boolean,
  82. default: true
  83. }
  84. }
  85. }