前端 vue 高效开发 - input-file + 回显 组件封装 - 戴向天

大家好！我叫戴向天

QQ群：602504799

QQ:809002582

如若有不理解的，可加QQ群进行咨询了解

layout-div 组件详情 》https://blog.csdn.net/weixin_41088946/article/details/91448369
layout-img 组件详情》https://blog.csdn.net/weixin_41088946/article/details/90759906

使用方法：

class - style 具体内容如下

css 参考的 UI设计尺寸为 750*1334

.posi-r {
  position: relative;
  z-index: 1;
}
.op-0 {
  opacity: 0;
}
.posi-a {
  position: absolute;
  z-index: 1;
}
.w100 {
  width: 100%;
}
.hei100 {
  height: 100%;
}

.t0 {
  top: 0;
}
.l0 {
  left: 0;
}
.posi-a-i {
  position: absolute !important;
  z-index: 1;
}
.flex-center {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.mar-a {
  margin: 0 auto;
}
.bg-e {
  background-color: #eee;
}
.op-1 {
  opacity: 0.1;
}

实例代码图

效果图

![前端 vue input-file 组件封装 - 戴向天](https://img-blog.csdnimg.cn/2019061810120898.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MTA4ODk0Ng==,size_16,color_FFFFFF,t_70