::v-deep .uni-collapse-item__title-text{ font-weight: bold; font-size: 28rpx; color: #000; } .mch-title { font-weight: bold; font-size: 28rpx; color: #3981FF; } .item{ box-sizing: border-box; //height: 110rpx; width: 100%; background-color: #fff; border-top: 1rpx solid #e8e8e8; display: flex; justify-content: space-between; align-items: flex-start; padding: 35rpx 30rpx 35rpx 30rpx; font-weight: 500; font-size: 28rpx; text-align: left; color: #000; .title{ text-align: left; font-weight: 500; font-size: 28rpx; color: #666f80; margin-right: 20rpx; white-space: nowrap; } input, textarea { flex-grow: 1; text-align: right; font-size: 28rpx; } .imgupload{ position: relative; height: 120rpx; width: 120rpx; background-color: #E6E9ED; border-radius: 10rpx; display: flex; align-items: center; justify-content: center; } .delate{ position: absolute; top: 70rpx; left: -20rpx; height: 40rpx; width: 40rpx; border-radius: 5rpx; background-color: #ff0000; } } .radio-group{ display: flex; width: auto; flex-wrap: wrap; } .radio{ margin-left: 10rpx; margin-bottom: 10rpx; } .notes{ height: 30rpx; display: flex; align-items: center; justify-content: flex-start; padding-left: 30rpx; padding-top: 30rpx; padding-bottom: 30rpx; //background-color: #18BC37; image { margin: 6rpx 10rpx 0 0; } text { font-weight: 500; font-size: 22rpx; color: #666f80; } } .result{ box-sizing: border-box; display: flex; justify-content: space-between; align-items: flex-start; margin: 0 auto; width: 630rpx; border-radius: 5rpx; padding: 20rpx; margin-bottom: 50rpx; border: 1px solid rgba(253, 40, 33, 0.3); font-weight: 500; font-size: 22rpx; line-height: 39rpx; image{ height: 20rpx; width: 20rpx; margin-top: 6rpx; } } .result-fail{ @extend .result; color: #991b17; background: rgba(253, 40, 33, 0.05); } .result-wait{ @extend .result; align-items: center; color: #FE7F00; background: rgba(253, 143, 33, 0.05); border: 1px solid rgba(253, 143, 33, 0.3); } .result-success{ @extend .result; align-items: center; color: #175BE6; background: rgba(23, 91, 230, 0.05); border: 1px solid rgba(23, 91, 230, 0.3); } // 星号 .require { width: 20rpx; color: red; } .mch-type { display: flex; flex-direction: row; align-items: center; image { margin-left: 10px; height: 20rpx; width: 20rpx; } } .mch-title { font-weight: bold; font-size: 28rpx; color: #3981FF; } .mch-type { display: flex; align-items: center; image { margin-left: 10px; height: 20rpx; width: 20rpx; } } // 复选框样式穿透 ::v-deep .uni-checkbox-input { width: 30rpx; height: 30rpx; } ::v-deep .uni-label-pointer { display: flex; align-items: center; } // 有效期 .validity-tiem { display: flex; flex-direction: column; align-items: center; image { width: 20rpx; height: 20rpx; margin-left: 20rpx; } } .validity-row { display: flex; flex-direction: row; align-items: center; image { width: 20rpx; height: 20rpx; margin-left: 20rpx; } } // 透明遮罩层 .mark { position: relative; &::before { position: absolute; left: 0; top: 0; content: ''; width: 100%; height: 100%; background: #fff; opacity: 0; z-index: 10; } }