EP-WachatApp/eaterplanet_ecommerce/components/image/index.js

65 lines
1.4 KiB
JavaScript

Component({
properties: {
defaultImage: String,
imgType: {
type: Number,
value: 2
},
loadImage: {
type: String,
observer: function (t) {
if (t) {
var e = Math.ceil(wx.getSystemInfoSync().pixelRatio), i = t + "?imageView2/" + this.data.imgType + "/w/" + this.getPx(this.data.width) * e + "/h/" + this.getPx(this.data.height) * e + "/ignore-error/1";
this.setData({
img: i,
w: this.getPx(this.data.width),
h: this.getPx(this.data.height)
});
}
}
},
width: String,
height: String,
canPreview: {
type: Boolean,
value: false
},
isLazy: {
type: Boolean,
value: false
},
isCircle: {
type: Boolean,
value: false
}
},
data: {
isLoad: false,
img: "",
systemInfo: {},
w: 0,
h: 0
},
methods: {
imageLoad: function () {
this.setData({
isLoad: true
});
},
getPx: function (t) {
var e = wx.getSystemInfoSync();
return Math.round(e.windowWidth / 375 * t);
},
preview: function () {
this.data.canPreview && wx.previewImage({
urls: [this.data.loadImage],
fail: function (t) {
wx.showToast({
title: "预览图片失败,请重试",
icon: "none"
}), console.log(t);
}
});
}
}
});