diff --git a/src/assets/scss/modules/shequzhili/event-info.scss b/src/assets/scss/modules/shequzhili/event-info.scss index eddc90d5..39f48b60 100644 --- a/src/assets/scss/modules/shequzhili/event-info.scss +++ b/src/assets/scss/modules/shequzhili/event-info.scss @@ -24,29 +24,58 @@ .avatar-uploader { margin: 0 0 0 20px; - /deep/ .el-upload--picture-card{ - width: 100px; - height: 100px; - } - /deep/ .el-upload{ - width: 100px; - height: 100px; - line-height: 100px; - } - /deep/ .el-upload-list--picture-card .el-upload-list__item{ - width: 100px; - height: 100px; - line-height: 100px; - } - /deep/ .el-upload-list--picture-card .el-upload-list__item-thumbnail{ - width: 100px; - height: 100px; - line-height: 100px; - } - /deep/ .avatar{ - width: 100px; - height: 100px; - } + // /deep/ .el-upload--picture-card{ + // width: 100px; + // height: 100px; + // } + // /deep/ .el-upload{ + // width: 100px; + // height: 100px; + // line-height: 100px; + // } + // /deep/ .el-upload-list--picture-card .el-upload-list__item{ + // width: 100px; + // height: 100px; + // line-height: 100px; + // } + // /deep/ .el-upload-list--picture-card .el-upload-list__item-thumbnail{ + // width: 100px; + // height: 100px; + // line-height: 100px; + // } + // /deep/ .avatar{ + // width: 100px; + // height: 100px; + // } + // /deep/ .el-upload-list__item-status-label { + // display: block; + // position: absolute; + // right: -15px; + // top: -6px; + // width: 40px; + // height: 24px; + // background: #13ce66; + // text-align: center; + // -webkit-transform: rotate(45deg); + // transform: rotate(45deg); + // -webkit-box-shadow: 0 0 1pc 1px rgba(0, 0, 0, 0.2); + // box-shadow: 0 0 1pc 1px rgba(0, 0, 0, 0.2); + // } + // /deep/ .el-upload-list__item-actions { + // position: absolute; + // width: 100%; + // height: 100%; + // left: 0; + // top: 0; + // cursor: default; + // text-align: center; + // color: #fff; + // opacity: 0; + // font-size: 20px; + // background-color: rgba(0, 0, 0, 0.5); + // -webkit-transition: opacity .3s; + // transition: opacity .3s; + // } } @@ -206,8 +235,9 @@ } .m-row { - display: flex; + // display: flex; justify-content: space-between; + width:100%; } .m-hint { @@ -404,17 +434,20 @@ } .div-satisfy{ - padding:50px; + padding:10px 0 0; display:flex ; - justify-content: space-around; -text-align: center; + justify-content: flex-start; + text-align: center; + >div{ + margin-left:50px; + } img{ - width:100px; - height:100px; + width:80px; + height:80px; } .tip-satisfy{ text-align: center; - margin-top:20px + margin-top:10px } } diff --git a/src/views/modules/shequzhili/event/cpts/add.vue b/src/views/modules/shequzhili/event/cpts/add.vue index 9dd650e6..6c689aca 100644 --- a/src/views/modules/shequzhili/event/cpts/add.vue +++ b/src/views/modules/shequzhili/event/cpts/add.vue @@ -585,12 +585,15 @@ export default { removePic (file, fileList) { + this.formData.imageList.splice(this.formData.imageList.findIndex(item => item === file.url), 1) this.replayImgList.splice(this.replayImgList.findIndex(item => item.uid === file.uid), 1) + this.hideUploadBtn = fileList.length >= 3; }, // 最多上传3张图,超过时隐藏上传按钮 handleEditChange (file, fileList) { + this.hideUploadBtn = fileList.length >= 3; }, exceedPic () { diff --git a/src/views/modules/shequzhili/event/cpts/event-detail.vue b/src/views/modules/shequzhili/event/cpts/event-detail.vue index 868e6f84..711f9416 100644 --- a/src/views/modules/shequzhili/event/cpts/event-detail.vue +++ b/src/views/modules/shequzhili/event/cpts/event-detail.vue @@ -73,24 +73,51 @@ + +