在vue3使用elmentplus的el-image如何调整其el-image-viewer__wrapper布局

在Vue3中使用Element Plus的el-image组件时，如果想要调整其el-image-viewer__wrapper布局，可以通过以下步骤实现：

1. 在使用el-image组件时，设置viewer-options属性来指定el-image-viewer__wrapper的样式。例如：

   <el-image
     style="width: 100px; height: 100px;"
     :src="imageUrl"
     :viewer-options="{ zIndex: 9999, width: '80%', height: '80%', margin: '10vh 10vw' }"
   />

上述代码中，viewer-options属性指定了el-image-viewer__wrapper的zIndex、width、height和margin等样式属性。

2. 在CSS中定义el-image-viewer__wrapper的样式。例如：

   .el-image-viewer__wrapper {
     background-color: rgba(0, 0, 0, 0.8) !important;
   }

上述代码中，定义了el-image-viewer__wrapper的背景色为半透明的黑色。

通过以上步骤，就可以在Vue3中使用Element Plus的el-image组件，并且调整其el-image-viewer__wrapper布局了。