/* 第一套图片上传样式(内部图标相机) */ .upload-image-view { width: 100%; margin: 20rpx -20rpx 20rpx 40rpx; display: flex; flex-wrap: wrap; align-items: center; } .upload-image-view .title { width: 100%; font-family: PingFang-SC-Regular; font-size: 24rpx; color: #4a4a4a; margin-bottom: 15rpx; line-height: 100%; } .upload-image-view .info { width: 100%; font-family: PingFang-SC-Regular; font-size: 24rpx; color: #ff4259; height: 24rpx; margin-top: 15rpx; line-height: 24rpx; } .upload-image-view .image-view { height: 130rpx; width: 130rpx; position: relative; margin: 15rpx 15rpx 15rpx 0rpx; border-radius: 8rpx; } .upload-image-view .image-view image { height: 100%; width: 100%; border-radius: 8rpx; } .upload-image-view .image-view .del-btn { background-color: #f67371; border-radius: 50%; width: 25rpx; height: 25rpx; position: absolute; top: -12rpx; right: -12rpx; z-index: 2; display: flex; justify-content: center; align-items: center; } .upload-image-view .image-view .del-btn .baicha { display: inline-block; width: 20rpx; height: 5rpx; background: #fff; line-height: 0; font-size: 0; vertical-align: middle; -webkit-transform: rotate(45deg); } .upload-image-view .image-view .del-btn .baicha:after { content: '/'; display: block; width: 20rpx; height: 5rpx; background: #fff; -webkit-transform: rotate(-90deg); } .upload-image-view .add-view { height: 115rpx; width: 115rpx; margin: 15rpx 15rpx 15rpx 0rpx; display: flex; align-items: center; justify-content: center; background: rgba(255, 255, 255, 0.00); border: 3rpx dashed #979797; border-radius: 8rpx; } /* 相机 */ .upload-image-view .add-view .xiangji { height: 40rpx; width: 48rpx; display: flex; justify-content: center; flex-wrap: wrap; } .upload-image-view .add-view .xiangji .tixing { width: 10rpx; height: 7rpx; background-color: #fff; border-right: 10rpx solid #fff; border-bottom: 7rpx solid #b2b2b2; border-left: 10rpx solid #fff; } .upload-image-view .add-view .xiangji .changfx { height: 32rpx; width: 48rpx; border-radius: 5%; background-color: #b2b2b2; display: flex; align-items: center; justify-content: center; } .upload-image-view .add-view .xiangji .changfx .yuan1 { height: 20rpx; width: 20rpx; border-radius: 50%; background-color: #fff; display: flex; align-items: center; justify-content: center; } .upload-image-view .add-view .xiangji .changfx .yuan2 { height: 10rpx; width: 10rpx; border-radius: 50%; background-color: #b2b2b2; } /* 第二套图片上传样式(内部图标 十字架)*/ /* 十字架 */ .upload-image-view .add-view .cross { height: 48rpx; width: 48rpx; display: flex; flex-wrap: wrap; position: relative; } .upload-image-view .add-view .cross .transverse-line { height: 100%; width: 48%; position: absolute; border-right: 3rpx solid #5A5A5A; top: 0; left: 0; } .upload-image-view .add-view .cross .vertical-line { height: 48%; width: 100%; position: absolute; border-bottom: 3rpx solid #5A5A5A; top: 0; left: 0; } .box { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); z-index: 99; } .test { text-align: center; padding: 20rpx 0; } button { margin: 20rpx; font-size: 28rpx; } .head { height: 262rpx; font-size: 30rpx; color: white; border-radius: 0rpx 0rpx 30rpx 30rpx; background-color: rgba(42, 130, 228, 1); } .head text { float: left; margin-left: 290rpx; margin-top: 24rpx; } .head image { height: 34rpx; width: 34rpx; font-size: 34rpx; vertical-align: bottom; } .headline-1 { font-size: 24rpx; } .headline-2 { font-size: 24rpx; } .content { position: relative; width: 720rpx; height: 1260rpx; margin-top: -162rpx; margin-left: 14rpx; border: 2rpx solid rgba(128, 128, 128, 0.45); background-color: rgba(255, 255, 255, 1); } .uni-list-cell { float: right; width: 484rpx; height: 70rpx; margin-top: 36rpx; margin-right: 64rpx; border-radius: 32rpx; line-height: 44rpx; background-color: rgba(166, 166, 166, 0.18); } .uni-input-1 { margin-left: 20rpx; margin-top: 10rpx; } .uni-input-1 image { float: right; margin-right: 10rpx; width: 40rpx; height: 40rpx; font-size: 40rpx; } .uni-list-cell-left { float: left; margin-top: 48rpx; margin-left: 26rpx; } .uni-list-cell-left-2 { float: left; margin-left: 30rpx; margin-top: 76rpx; } .uni-list-cell-db-2 { float: right; margin-right: 64rpx; margin-top: 36rpx; width: 484rpx; height: 70rpx; border-radius: 32rpx; background-color: rgba(166, 166, 166, 0.18); } .uni-input-2 { margin-left: 20rpx; margin-top: 16rpx; font-size: 24rpx; } .uni-input-2 image { float: right; margin-right: 10rpx; width: 40rpx; height: 40rpx; font-size: 40rpx; } .timeimg { position: absolute; right: 72rpx; top: 262rpx; width: 40rpx; height: 40rpx; font-size: 40rpx; } .photo { height: 340rpx; font-size: 24rpx; } .photo-title { float: left; margin-left: 26rpx; margin-top: 30rpx; } .image { float: left; margin-left: 26rpx; margin-top: 30rpx; height: 396rpx; width: 644rpx; box-sizing: border-box; border-radius: 28rpx; background-color: rgba(166, 166, 166, 0.18); } .imageText { text-align: center; border-radius: 28rpx; width: 100%; height: 100%; background-color: rgba(166, 166, 166, 0.18); } .imgSrc image { width: 646rPX; height: 386rpx; } .os-headline-2 { float: left; } .os-list-cell-left-2 { float: left; margin-left: 26rpx; margin-top: 236rpx; font-size: 24rpx; } .os-input-2 { margin-left: 10rpx; margin-top: 8rpx; font-size: 24rpx; /* cursor: not-allowed; */ } .os-list-cell-db-2 { float: right; width: 568rpx; height: 60rpx; margin-right: 30rpx; margin-top: 224rpx; border-radius: 28rpx; background-color: rgba(166, 166, 166, 0.18); } .up { position: absolute; bottom: 212rpx; left: 20rpx; line-height: 72rpx; }