add jImage component for 403 images

app.js

@@ -9,6 +9,7 @@ App({
   },
   globalData: {
     systeminfo: {},
+    imageServer: 'https://images.weserv.nl/',
     config: {
       loginRequestUrlByMobile: 'https://juejin.im/auth/type/phoneNumber',
       loginRequestUrlByEMail: 'https://juejin.im/auth/type/email',

components/jImage/jImage.js

@@ -0,0 +1,22 @@
+Component({
+  properties: {
+    src: {
+      type: String,
+      value: '',
+      observer: function (newVal) {
+        this.setSrc(newVal)
+      }
+    },
+  },
+  attached: function () {
+    this.setSrc(this.data.src)
+  },
+  methods: {
+    setSrc (src) {
+      const imgSrc = `${getApp().globalData.imageServer}?url=${src}`
+      this.setData({
+        imgSrc,
+      })
+    }
+  },
+})

components/jImage/jImage.json

@@ -0,0 +1,3 @@
+{
+  "component": true
+}

components/jImage/jImage.wxml

@@ -0,0 +1 @@
+<image mode='aspectFill' class="img" src="{{imgSrc}}"></image>

components/jImage/jImage.wxss

@@ -0,0 +1,4 @@
+image.img {
+  width: 100%;
+  height: 100%;
+}