如何修改el-upload组件的多张上传图片垂直滚动显示?

已在.el-upload-list修改添加样式,无效

<style scoped>
>>> .el-upload-list{
    height: 126px;
    flex-wrap: wrap;
    overflow-y: auto;
    }
</style>
<el-upload action="#" list-type="picture-card" :auto-upload="false">
    <i slot="default" class="el-icon-plus"></i>
    <div slot="file" slot-scope="{file}">
        <img
        class="el-upload-list__item-thumbnail"
        :src="file.url" alt=""
      >
  <span class="el-upload-list__item-actions">
    <span
      class="el-upload-list__item-preview"
      @click="handlePictureCardPreview(file)"
    >
      <i class="el-icon-zoom-in"></i>
    </span>
    <span
      v-if="!disabled"
      class="el-upload-list__item-delete"
      @click="handleDownload(file)"
    >
      <i class="el-icon-download"></i>
    </span>
    <span
      v-if="!disabled"
      class="el-upload-list__item-delete"
      @click="handleRemove(file)"
    >
      <i class="el-icon-delete"></i>
    </span>
  </span>
</div>
    </el-upload>
<el-dialog :visible.sync="dialogVisible">
    <img width="100%" :src="dialogImageUrl" alt="">
</el-dialog>
![image.png](/img/bVcLszF)

如何修改让上传的图片滚动显示并显示滚动条?

阅读 3.4k
1 个回答

已解决,单独定义class样式,设置宽高,设置滚动条

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题