65 lines
1.4 KiB
JavaScript
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);
|
||
|
|
}
|
||
|
|
});
|
||
|
|
}
|
||
|
|
}
|
||
|
|
});
|