/**issuse.wxss**/ .perason{ background-color: #f6f6f6; padding: 0; padding-top: 30rpx; font-size: 11pt; box-sizing: border-box; position: relative; min-height: 100%; display: flex; flex-direction: column; padding-bottom: 100rpx; } .issues-label{ font-size: 10pt; line-height: 100%; color: #999; margin: 25rpx 20rpx 15rpx; } .issues-panel{ display: flex; flex-direction: column; align-items: stretch; background-color: #fff; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; } .issues-img-panel{ display: flex; flex-wrap: wrap; background-color: #fff; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; padding: 15rpx 25rpx; } .issues-input{ border-bottom: 1px solid #e5e5e5; padding: 15rpx 25rpx; } .issues-textarea{ padding: 25rpx; min-height: 225rpx; } .issues-photo-item { position: relative; display: flex; align-items: center; justify-content: center; color: #888; margin: 20rpx; margin-right: 0; width: 135rpx; height: 135rpx; border: 1rpx solid #e5e5e5; border-radius: 5rpx; } .issues-photo-item:active{ opacity: .8; } .issues-photo-item .remind-img{ padding: 0; } .issues-photo-item image{ width: 100%; height: 100%; } .add-photo:active { background: #f0f0f0; } .add-photo::before, .add-photo::after{ content: ''; position: absolute; top: 50%; left: 50%; background: #e5e5e5; } .add-photo:active::before, .add-photo:active::after{ background: #ddd; } .add-photo::before { width: 10rpx; height: 80rpx; margin-top: -40rpx; margin-left: -5rpx; } .add-photo::after { width: 80rpx; height: 10rpx; margin-top: -5rpx; margin-left: -40rpx; } .issues-remind { flex: 1; font-size: 9pt; line-height: 135%; color: #ccc; padding: 0 30rpx; word-break: break-all; text-indent: 1em; padding-top: 30rpx; } .submit-btn { display: flex; align-items: center; justify-content: center; margin: 40rpx 3%; height: 80rpx; border-radius: 3px; text-align: center; background-color: #FF8966; color: #fff; font-size: 12pt; }