page{ padding-bottom:90rpx; background: #F6F6F6; padding: 20rpx 24rpx; box-sizing: border-box; } .box{ background: #FFFFFF; border-radius: 32rpx 32rpx 32rpx 32rpx; padding: 24rpx; margin-bottom: 20rpx; } .item-con{ position: relative; background: #F6F6F6; border-radius: 32rpx 32rpx 32rpx 32rpx; } .item-con textarea{ width:100%; height: 234rpx; box-sizing: border-box; padding: 24rpx; font-size: 28rpx; } .img-box{ display: flex; flex-wrap: wrap; padding: 0 24rpx; } .img-box .img-item{ position: relative; } .img-box .img-item .del{ position: absolute; top: -15rpx; right: 15rpx; width: 30rpx; height: 30rpx; } .img-box .img{ width: 120rpx; height: 120rpx; background: #FFFFFF; margin-right: 34rpx; border-radius: 32rpx 32rpx 32rpx 32rpx; margin-bottom: 24rpx; } .upload{ width: 120rpx; height: 120rpx; background: #FFFFFF; border-radius: 32rpx 32rpx 32rpx 32rpx; display: flex; justify-content: center; align-items: center; margin-bottom: 24rpx; } .upload .photo{ width: 40rpx; height: 40rpx; } .item-pics{ display: flex; padding-bottom: 15rpx; border: 1prpx solid #f2f2f2; } .item-pics image{ width:130rpx; margin-left:20rpx; } /* 缩略图 */ .question-images { display: flex; flex-wrap: wrap; } .q-image-wrap { margin-right: 10rpx; } .q-image { flex: 1; height: 130rpx; width: 100%; } .q-image-remover { text-align: center; font-size: 25rpx; } .img-tip { font-size: 24rpx; color: grey; padding: 15rpx 0; margin-left: 20rpx; } /* + */ .item-pics .add-pic{ width:130rpx; height:130rpx; line-height: 130rpx; text-align: center; font-size: 80rpx; margin-left:20rpx; color:#ddd; border:2px dashed #f4f4f4; } .item-btm{ padding:20rpx; font-size: 26rpx; display: flex; align-items: center; justify-content: space-between; } .item-btm .desc{ font-size: 28rpx; color: #AAAAAA; } /*checkbox 选项框大小 */ checkbox .wx-checkbox-input { border-radius: 50%; width: 35rpx; height: 35rpx; } /*checkbox选中后样式 */ checkbox .wx-checkbox-input.wx-checkbox-input-checked { background: #006CE8; border-color: #006CE8; } /*checkbox选中后图标样式 */ checkbox .wx-checkbox-input.wx-checkbox-input-checked::before { text-align: center; font-size: 22rpx; color: #fff; background: transparent; transform: translate(-50%, -50%) scale(1); -webkit-transform: translate(-50%, -50%) scale(1); } .item-star{ padding:20rpx; display: flex; align-items: center; font-size: 28rpx; height:50rpx; line-height: 50rpx; background: #fcfcfc; } .item-star .label{ font-size: 28rpx; color: #222222; } .item-star .num{ font-weight: bold; font-size: 28rpx; color: #FDD143; } comm-star{ margin-left:20rpx; } .comm-btn{ position: fixed; bottom:110rpx; width: 702rpx; height: 100rpx; line-height: 100rpx; text-align: center; background: #006CE8; border-radius: 60rpx 60rpx 60rpx 60rpx; font-weight: bold; font-size: 32rpx; color: #FFFFFF; }