element吧 关注:210贴子:447
  • 3回复贴,共1

小白求解:关于element-ui 上传图片

只看楼主收藏回复

关于我的上传图片没有虚线框这件事


1楼2022-04-11 16:06回复
    <el-upload class="avatar-uploader"
    :show-file-list="false" :http-request="uploadPicturePost" :diabled="isView" style="text-align: center;margin:40px;" >
    <img v-if="studentForm.image" :src="studentForm.imageUrl" class="avatar">
    <i v-else class="el-icon-plus avatar-uploader-icon"></i>
    </el-upload>
    以上是我html部分代码


    2楼2022-04-11 16:06
    回复
      .el.dialog.avatar-uploader .el-upload {
      border: 1px dashed #d9d9d9; border-radius: 6px; cursor: pointer; position: relative; overflow: hidden; } .el.dialog.avatar-uploader .el-upload:hover { border-color: #409EFF; }
      .el.dialog.avatar-uploader-icon { font-size: 28px; color: #8c939d; width: 178px; height: 178px; line-height: 28px; text-align: center; }
      .el.dialog .avatar { width: 178px; height: 178px; display: block; }
      以上是我的css部分代码


      3楼2022-04-11 16:07
      回复
        结果没有出现虚线框,为什么


        4楼2022-04-11 16:09
        回复