page { // background: #ededed; } .detailBox{ // padding: 30rpx; padding-top: 30rpx; .label1{ font-size: 32rpx; padding-left: 30rpx; } .content{ margin-left: 50%; transform: translateX(-50%); margin-top: 30rpx; width: 90%; background: #eee; padding: 30rpx; border-radius: 20rpx; margin-bottom: 50rpx; line-height: 50rpx; font-size: 30rpx; } } // 图片上传区域 .chooscontainer { display: flex; flex-wrap: wrap; position: relative; // border-bottom: 1rpx solid #EDEDED; margin-bottom: 48rpx; padding: 0 30rpx; .addpicall { width: 28%; margin-right: 6rpx; margin-left: 6rpx; margin-top: 15rpx; position: relative; // z-index: 10; &:nth-child(3n) { margin-right: 0; } .image { width: 100%; height: 100%; border-radius: 20rpx; } .playBtn{ position: absolute; width: 50rpx; height: 50rpx; z-index: 11; right: 40%; transform: translateX(40%); top: 50%; transform: translateY(-50%); } } } // 图片上传区域结束 .preview-full { position: fixed; top: 0; left: 0; bottom: 0; width: 100%; height: 100%; z-index: 1002; } .preview-full video { width: 100%; height: 100%; z-index: 1002; } .preview-full-close { position: fixed; right: 16px; top: 60px; width: 40px; height: 40px; line-height: 30px; text-align: center; z-index: 1003; color: #fff; font-size: 32px; font-weight: bold; } .pdfName{ word-wrap: break-word; word-break: break-all; padding-right: 30rpx; text-decoration: underline; }