[优化] 图片预览组件缩放图片时轻提示当前缩放比例

canteen/components/lf-previewImage/lf-previewImage.vue

@@ -92,7 +92,6 @@
 		created(){
 			// TODO PC端屏蔽遮罩滚动穿透
 			// TODO PC端滚轮放大缩小
-			// TODO 放大缩小百分比显示
 			// TODO 双击时会被关掉
 		},
 		methods: {
@@ -117,8 +116,12 @@
 			},
 			// movable 缩放事件
 			scale(event){
-				let scale = event.detail.scale;
-				this.$msg(scale); // TODO 轻提示层级不够，没有被显示出来
+				let scale = parseInt(event.detail.scale * 100) +'%';
+				uni.showToast({
+					title: scale,
+					icon: 'none',
+					position: 'bottom'
+				})
 			},
 			// 鼠标滚动缩放事件，目前会触发浏览器页面滚动事件，暂时先不要这个功能
 			mousewheel(event){
@@ -227,4 +230,8 @@
 			}
 		}
 	}
+	// 轻提示框样式
+	/deep/.uni-sample-toast{
+		z-index: 1002;
+	}
 </style>

canteen/pages/index/index.vue

@@ -38,7 +38,6 @@
 			}
 		},
 		onShow() {
-			// todo 优化：显示订单角标
 			this.getHomeData();
 		},
 		onReady() {

supplier/components/lf-previewImage/lf-previewImage.vue

@@ -92,7 +92,6 @@
 		created(){
 			// TODO PC端屏蔽遮罩滚动穿透
 			// TODO PC端滚轮放大缩小
-			// TODO 放大缩小百分比显示
 			// TODO 双击时会被关掉
 		},
 		methods: {
@@ -117,8 +116,12 @@
 			},
 			// movable 缩放事件
 			scale(event){
-				let scale = event.detail.scale;
-				this.$msg(scale); // TODO 轻提示层级不够，没有被显示出来
+				let scale = parseInt(event.detail.scale * 100) +'%';
+				uni.showToast({
+					title: scale,
+					icon: 'none',
+					position: 'bottom'
+				})
 			},
 			// 鼠标滚动缩放事件，目前会触发浏览器页面滚动事件，暂时先不要这个功能
 			mousewheel(event){
@@ -227,4 +230,8 @@
 			}
 		}
 	}
+	// 轻提示框样式
+	/deep/.uni-sample-toast{
+		z-index: 1002;
+	}
 </style>

supplier/pages/index/index.vue

@@ -39,7 +39,6 @@
 			}
 		},
 		onShow() {
-			// todo 优化：显示订单角标
 			this.getData();
 		},
 		onReady(){