su-image.js 3.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134
  1. "use strict";
  2. const common_vendor = require("../../../common/vendor.js");
  3. const sheep_index = require("../../index.js");
  4. require("../../url/index.js");
  5. require("../../store/index.js");
  6. require("../../store/app.js");
  7. require("../../api/promotion/diy.js");
  8. require("../../request/index.js");
  9. require("../../config/index.js");
  10. require("../../platform/index.js");
  11. require("../../platform/provider/wechat/index.js");
  12. require("../../platform/provider/wechat/miniProgram.js");
  13. require("../../api/member/auth.js");
  14. require("../../api/member/social.js");
  15. require("../../api/member/user.js");
  16. require("../../platform/provider/apple/index.js");
  17. require("../../platform/share.js");
  18. require("../../router/index.js");
  19. require("../../hooks/useModal.js");
  20. require("../../helper/index.js");
  21. require("../../helper/test.js");
  22. require("../../helper/digit.js");
  23. require("../../api/member/signin.js");
  24. require("../../helper/throttle.js");
  25. require("../../platform/pay.js");
  26. require("../../api/pay/order.js");
  27. require("../../store/user.js");
  28. require("../../store/cart.js");
  29. require("../../api/trade/cart.js");
  30. require("../../api/pay/wallet.js");
  31. require("../../api/trade/order.js");
  32. require("../../api/promotion/coupon.js");
  33. require("../../store/sys.js");
  34. require("../../store/modal.js");
  35. require("../../config/zIndex.js");
  36. const _sfc_main = {
  37. __name: "su-image",
  38. props: {
  39. src: {
  40. type: String,
  41. default: ""
  42. },
  43. errorSrc: {
  44. type: String,
  45. default: "/static/img/shop/empty_network.png"
  46. },
  47. mode: {
  48. type: String,
  49. default: "widthFix"
  50. },
  51. isPreview: {
  52. type: Boolean,
  53. default: false
  54. },
  55. previewList: {
  56. type: Array,
  57. default() {
  58. return [];
  59. }
  60. },
  61. current: {
  62. type: Number,
  63. default: -1
  64. },
  65. height: {
  66. type: Number,
  67. default: 0
  68. },
  69. width: {
  70. type: Number,
  71. default: 0
  72. },
  73. radius: {
  74. type: Number,
  75. default: 0
  76. }
  77. },
  78. emits: ["load", "error"],
  79. setup(__props, { emit: __emit }) {
  80. const state = common_vendor.reactive({
  81. isError: false,
  82. imgHeight: 600
  83. });
  84. const props = __props;
  85. const emits = __emit;
  86. const customStyle = common_vendor.computed(() => {
  87. return {
  88. height: (props.height || state.imgHeight) + "rpx",
  89. width: props.width ? props.width + "rpx" : "100%",
  90. borderRadius: props.radius ? props.radius + "rpx" : ""
  91. };
  92. });
  93. function onImgLoad(e) {
  94. if (props.height === 0) {
  95. state.imgHeight = e.detail.height / e.detail.width * 750;
  96. }
  97. }
  98. function onImgError(e) {
  99. state.isError = true;
  100. emits("error", e);
  101. }
  102. function onImgPreview() {
  103. if (!props.isPreview)
  104. return;
  105. common_vendor.index.previewImage({
  106. urls: props.previewList.length < 1 ? [props.src] : props.previewList,
  107. current: props.current,
  108. longPressActions: {
  109. itemList: ["发送给朋友", "保存图片", "收藏"],
  110. success: function(data) {
  111. console.log("选中了第" + (data.tapIndex + 1) + "个按钮,第" + (data.index + 1) + "张图片");
  112. },
  113. fail: function(err) {
  114. console.log(err.errMsg);
  115. }
  116. }
  117. });
  118. }
  119. return (_ctx, _cache) => {
  120. return common_vendor.e({
  121. a: !state.isError
  122. }, !state.isError ? {
  123. b: common_vendor.s(customStyle.value),
  124. c: __props.mode,
  125. d: common_vendor.unref(sheep_index.sheep).$url.cdn(__props.src),
  126. e: common_vendor.o(onImgPreview),
  127. f: common_vendor.o(onImgLoad),
  128. g: common_vendor.o(onImgError)
  129. } : {});
  130. };
  131. }
  132. };
  133. const Component = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["__scopeId", "data-v-ed9e576c"], ["__file", "D:/zx/mall-front-app/sheep/ui/su-image/su-image.vue"]]);
  134. wx.createComponent(Component);