feat: 远程图片

components/RemoteImage/RemoteImage.vue

@@ -5,7 +5,8 @@
 			class="remoteImage"
 			:src="imageUrl"
 			width="100%"
-	  :height="imageHeight"
+			height="100%"
+			mode="aspectFit"
 	  ></u-image>
 	</view>
 </template>
@@ -18,24 +19,15 @@
 		mixins: [echartElementData],
 		data() {
 			return {
-				imageUrl:"",
-				windowWidth: 0, //屏幕宽度
-				imageHeight:0 //图片高度
+				imageUrl:""
 			};
 		},
 		methods:{
 			initChart() {
-				uni.getSystemInfo({
-				    success: res=> {
-						this.windowWidth = res.windowWidth;
-						this.imageHeight = (this.windowWidth*this.elementInfo.height)/this.elementInfo.width;
-				    }
-				});
 				this.$nextTick(() => {
 					this.imageUrl = this.elementData.dataList.imageUrl
 				})
-			},
-			
+			}
 		}
 	}
 </script>
@@ -44,11 +36,12 @@
 .remoteView {
 	display: flex;
 	flex-direction: column;
+	width: 100%;
 	height: 100%;
 	overflow: hidden;
-  }
-  .remoteImage {
-    object-fit: contain;
-  }
-
+}
+.remoteImage {
+	width: 100%;
+	height: 100%;
+}
 </style>