放大Modal图片10倍不模糊：使用CSS transform技巧

要将modal中的图片放大10倍同时不模糊，可以使用CSS的transform属性来实现。具体做法如下：\n\n1. 在img标签上添加一个额外的class，比如zoomImage，用于后续的CSS样式设置。\n\n<img v-if="imageUrl" :src="imageUrl" alt="photo" class="userHeadPortrait zoomImage" />\n\n\n2. 在CSS中定义.zoomImage的样式，包括将图片放大10倍的transform属性和设置图片的宽高。\n\n.zoomImage {\n transform: scale(10);\n width: 1000px; /* 图片原始宽度乘以10 */\n height: 1000px; /* 图片原始高度乘以10 */\n}\n\n\n这样，当modal打开时，图片会被放大10倍，同时保持清晰度，不会模糊。