576 lines
13 KiB
CSS
576 lines
13 KiB
CSS
|
|
.xml-question-container-h5[data-v-42ff047c] {}
|
|
.xml-question-container-pc[data-v-42ff047c] {}
|
|
.xml-question-container-pad[data-v-42ff047c] {}
|
|
|
|
|
|
|
|
/*# sourceMappingURL=QuestionItem.vue.map */
|
|
|
|
|
|
/*# sourceMappingURL=QuestionItem.vue.map */
|
|
.content[data-v-8e4439e6] {
|
|
width: 100%;
|
|
}
|
|
.content .stem-content[data-v-8e4439e6] {
|
|
width: 100%;
|
|
box-sizing: border-box;
|
|
padding: 5px 14px;
|
|
height: auto;
|
|
border: 1px solid #e7e7e7;
|
|
border-radius: 6px;
|
|
cursor: pointer;
|
|
}
|
|
.content .stem-content.no-border[data-v-8e4439e6] {
|
|
padding: 0;
|
|
border: none;
|
|
cursor: default;
|
|
}
|
|
.content .stem-content .placeholder[data-v-8e4439e6] {
|
|
color: #c0c4cc;
|
|
font-size: 14px;
|
|
cursor: pointer;
|
|
user-select: none;
|
|
}
|
|
|
|
/*# sourceMappingURL=common.vue.map */
|
|
.content[data-v-086e2e0c] {
|
|
width: 100%;
|
|
}
|
|
.content .stem-content[data-v-086e2e0c] {
|
|
width: 100%;
|
|
box-sizing: border-box;
|
|
padding: 5px 14px;
|
|
height: auto;
|
|
border: 1px solid #e7e7e7;
|
|
border-radius: 6px;
|
|
cursor: pointer;
|
|
}
|
|
.content .stem-content.no-border[data-v-086e2e0c] {
|
|
padding: 0;
|
|
border: none;
|
|
cursor: default;
|
|
}
|
|
.content .stem-content .placeholder[data-v-086e2e0c] {
|
|
color: #c0c4cc;
|
|
font-size: 14px;
|
|
cursor: pointer;
|
|
user-select: none;
|
|
}
|
|
|
|
/*# sourceMappingURL=common.vue.map */
|
|
.option-item + .option-item[data-v-79fced13] {
|
|
margin-top: 16px;
|
|
}
|
|
.option-item[data-v-79fced13] {
|
|
display: flex;
|
|
background: #fbfbfb;
|
|
border-radius: 6px;
|
|
padding-left: 16px;
|
|
cursor: pointer;
|
|
transition: all ease 0.3s;
|
|
border: 1px solid #fbfbfb;
|
|
}
|
|
.option-item .questionSeq[data-v-79fced13] {
|
|
padding: 8px 0;
|
|
}
|
|
.option-item.isActive[data-v-79fced13] {
|
|
border-color: #2e9adb;
|
|
}
|
|
.option-item.isTrue[data-v-79fced13] {
|
|
border: 1px solid #70b603;
|
|
}
|
|
.option-item.isTrue[data-v-79fced13] .el-radio__input.is-checked .el-radio__inner {
|
|
border-color: #70b603;
|
|
background: #70b603;
|
|
}
|
|
.option-item.isFalse[data-v-79fced13] {
|
|
border: 1px solid #d9001b;
|
|
}
|
|
.option-item.isFalse[data-v-79fced13] .el-radio__input.is-checked .el-radio__inner {
|
|
border-color: #d9001b;
|
|
background: #d9001b;
|
|
}
|
|
.option-item[data-v-79fced13]:hover {
|
|
background: #ddd;
|
|
}
|
|
.option-item[data-v-79fced13] .content {
|
|
cursor: pointer;
|
|
}
|
|
.option-item[data-v-79fced13] .stem-content.no-border {
|
|
padding: 8px 14px !important;
|
|
cursor: pointer;
|
|
}
|
|
|
|
/*# sourceMappingURL=radio.vue.map */
|
|
.option-item + .option-item[data-v-0c43651d] {
|
|
margin-top: 16px;
|
|
}
|
|
.option-item[data-v-0c43651d] {
|
|
display: flex;
|
|
background: #fbfbfb;
|
|
border-radius: 6px;
|
|
padding-left: 16px;
|
|
cursor: pointer;
|
|
transition: all ease 0.3s;
|
|
border: 1px solid #fbfbfb;
|
|
}
|
|
.option-item .questionSeq[data-v-0c43651d] {
|
|
padding: 8px 0;
|
|
}
|
|
.option-item.isActive[data-v-0c43651d] {
|
|
border-color: #2e9adb;
|
|
}
|
|
.option-item.isTrue[data-v-0c43651d] {
|
|
border: 1px solid #70b603;
|
|
}
|
|
.option-item.isTrue[data-v-0c43651d] .el-radio__input.is-checked .el-radio__inner {
|
|
border-color: #70b603;
|
|
background: #70b603;
|
|
}
|
|
.option-item.isFalse[data-v-0c43651d] {
|
|
border: 1px solid #d9001b;
|
|
}
|
|
.option-item.isFalse[data-v-0c43651d] .el-radio__input.is-checked .el-radio__inner {
|
|
border-color: #d9001b;
|
|
background: #d9001b;
|
|
}
|
|
.option-item[data-v-0c43651d]:hover {
|
|
background: #ddd;
|
|
}
|
|
.option-item[data-v-0c43651d] .content {
|
|
cursor: pointer;
|
|
}
|
|
.option-item[data-v-0c43651d] .stem-content.no-border {
|
|
padding: 8px 14px !important;
|
|
cursor: pointer;
|
|
}
|
|
|
|
/*# sourceMappingURL=radio.vue.map */
|
|
.option-item + .option-item[data-v-42039503] {
|
|
margin-top: 16px;
|
|
}
|
|
.option-item[data-v-42039503] {
|
|
display: flex;
|
|
background: #fbfbfb;
|
|
border-radius: 6px;
|
|
padding-left: 16px;
|
|
cursor: pointer;
|
|
transition: all ease 0.3s;
|
|
border: 1px solid #fbfbfb;
|
|
}
|
|
.option-item.isActive[data-v-42039503] {
|
|
border-color: #2e9adb;
|
|
}
|
|
.option-item .questionSeq[data-v-42039503] {
|
|
padding: 8px 0;
|
|
}
|
|
.option-item.isTrue[data-v-42039503] {
|
|
border: 1px solid #70b603;
|
|
}
|
|
.option-item.isTrue[data-v-42039503] .el-checkbox__input.is-checked .el-checkbox__inner {
|
|
border-color: #70b603;
|
|
background: #70b603;
|
|
}
|
|
.option-item.isFalse[data-v-42039503] {
|
|
border: 1px solid #d9001b;
|
|
}
|
|
.option-item.isFalse[data-v-42039503] .el-checkbox__input.is-checked .el-checkbox__inner {
|
|
border-color: #d9001b;
|
|
background: #d9001b;
|
|
}
|
|
.option-item[data-v-42039503]:hover {
|
|
background: #ddd;
|
|
}
|
|
.option-item[data-v-42039503] .content {
|
|
cursor: pointer;
|
|
}
|
|
.option-item[data-v-42039503] .stem-content.no-border {
|
|
padding: 8px 14px !important;
|
|
cursor: pointer;
|
|
}
|
|
|
|
/*# sourceMappingURL=checkbox.vue.map */
|
|
.option-item + .option-item[data-v-34b5c60e] {
|
|
margin-top: 16px;
|
|
}
|
|
.option-item[data-v-34b5c60e] {
|
|
display: flex;
|
|
background: #fbfbfb;
|
|
border-radius: 6px;
|
|
padding-left: 16px;
|
|
cursor: pointer;
|
|
transition: all ease 0.3s;
|
|
border: 1px solid #fbfbfb;
|
|
}
|
|
.option-item.isActive[data-v-34b5c60e] {
|
|
border-color: #2e9adb;
|
|
}
|
|
.option-item .questionSeq[data-v-34b5c60e] {
|
|
padding: 8px 0;
|
|
}
|
|
.option-item.isTrue[data-v-34b5c60e] {
|
|
border: 1px solid #70b603;
|
|
}
|
|
.option-item.isTrue[data-v-34b5c60e] .el-checkbox__input.is-checked .el-checkbox__inner {
|
|
border-color: #70b603;
|
|
background: #70b603;
|
|
}
|
|
.option-item.isFalse[data-v-34b5c60e] {
|
|
border: 1px solid #d9001b;
|
|
}
|
|
.option-item.isFalse[data-v-34b5c60e] .el-checkbox__input.is-checked .el-checkbox__inner {
|
|
border-color: #d9001b;
|
|
background: #d9001b;
|
|
}
|
|
.option-item[data-v-34b5c60e]:hover {
|
|
background: #ddd;
|
|
}
|
|
.option-item[data-v-34b5c60e] .content {
|
|
cursor: pointer;
|
|
}
|
|
.option-item[data-v-34b5c60e] .stem-content.no-border {
|
|
padding: 8px 14px !important;
|
|
cursor: pointer;
|
|
}
|
|
|
|
/*# sourceMappingURL=checkbox.vue.map */
|
|
.line-content[data-v-70ef6e32] {
|
|
width: 100%;
|
|
position: relative;
|
|
}
|
|
.line-content .line-content--item[data-v-70ef6e32] {
|
|
flex: 1;
|
|
}
|
|
.line-content .line-content--item[data-v-70ef6e32] .stem-content {
|
|
height: 100%;
|
|
}
|
|
.line-content + .line-content[data-v-70ef6e32] {
|
|
margin-top: 10px;
|
|
}
|
|
.create-option[data-v-70ef6e32] {
|
|
width: 100%;
|
|
margin-top: 10px;
|
|
border-style: dashed !important;
|
|
}
|
|
.option-item[data-v-70ef6e32] {
|
|
flex: 1;
|
|
min-width: 0;
|
|
}
|
|
.option-item + .option-item[data-v-70ef6e32] {
|
|
margin-left: 100px;
|
|
}
|
|
.option-item.isMobile + .option-item.isMobile[data-v-70ef6e32] {
|
|
margin-left: 50px;
|
|
}
|
|
.option-item[data-v-70ef6e32] {
|
|
margin-bottom: 10px;
|
|
background: #FBFBFB;
|
|
border-radius: 6px;
|
|
padding-left: 16px;
|
|
border: 1px solid #fbfbfb;
|
|
}
|
|
.option-item .questionSeq[data-v-70ef6e32] {
|
|
padding: 8px 0;
|
|
}
|
|
.option-item[data-v-70ef6e32] .stem-content.no-border {
|
|
padding: 8px 14px !important;
|
|
}
|
|
|
|
/*# sourceMappingURL=view-line-answer.vue.map */
|
|
.line-content[data-v-6a0ba9cc] {
|
|
width: 100%;
|
|
position: relative;
|
|
}
|
|
.line-content .line-content--item[data-v-6a0ba9cc] {
|
|
flex: 1;
|
|
}
|
|
.line-content .line-content--item[data-v-6a0ba9cc] .stem-content {
|
|
height: 100%;
|
|
}
|
|
.line-content + .line-content[data-v-6a0ba9cc] {
|
|
margin-top: 10px;
|
|
}
|
|
.create-option[data-v-6a0ba9cc] {
|
|
width: 100%;
|
|
margin-top: 10px;
|
|
border-style: dashed !important;
|
|
}
|
|
.option-item[data-v-6a0ba9cc] {
|
|
flex: 1;
|
|
min-width: 0;
|
|
}
|
|
.option-item + .option-item[data-v-6a0ba9cc] {
|
|
margin-left: 100px;
|
|
}
|
|
.option-item.isMobile + .option-item.isMobile[data-v-6a0ba9cc] {
|
|
margin-left: 50px;
|
|
}
|
|
.option-item[data-v-6a0ba9cc] {
|
|
margin-bottom: 10px;
|
|
background: #fbfbfb;
|
|
border-radius: 6px;
|
|
padding-left: 16px;
|
|
}
|
|
.option-item .questionSeq[data-v-6a0ba9cc] {
|
|
padding: 8px 0;
|
|
}
|
|
.option-item[data-v-6a0ba9cc] .stem-content.no-border {
|
|
padding: 8px 14px !important;
|
|
}
|
|
|
|
/*# sourceMappingURL=view-line.vue.map */
|
|
.image-file[data-v-416683df] {
|
|
width: 218px;
|
|
object-fit: scale-down;
|
|
}
|
|
.video-file[data-v-416683df] {
|
|
width: 408px;
|
|
}
|
|
.file-render[data-v-416683df] {
|
|
width: 100%;
|
|
}
|
|
.file-info[data-v-416683df] {
|
|
flex: 1;
|
|
min-width: 0;
|
|
}
|
|
.file-info.videoHandler[data-v-416683df] {
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
}
|
|
.file-info.videoHandler .fileName[data-v-416683df] {
|
|
font-size: 18px;
|
|
color: #333333;
|
|
margin-bottom: 19px;
|
|
}
|
|
.file-info.videoHandler .fileInfo[data-v-416683df] {
|
|
font-size: 14px;
|
|
color: #666666;
|
|
margin-bottom: 19px;
|
|
}
|
|
|
|
/*# sourceMappingURL=index.vue.map */
|
|
.image-file[data-v-5c106e02] {
|
|
width: 218px;
|
|
object-fit: scale-down;
|
|
}
|
|
.video-file[data-v-5c106e02] {
|
|
width: 408px;
|
|
}
|
|
.file-render[data-v-5c106e02] {
|
|
width: 100%;
|
|
}
|
|
.file-info[data-v-5c106e02] {
|
|
flex: 1;
|
|
min-width: 0;
|
|
}
|
|
.file-info.videoHandler[data-v-5c106e02] {
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
}
|
|
.file-info.videoHandler .fileName[data-v-5c106e02] {
|
|
font-size: 18px;
|
|
color: #333333;
|
|
margin-bottom: 19px;
|
|
}
|
|
.file-info.videoHandler .fileInfo[data-v-5c106e02] {
|
|
font-size: 14px;
|
|
color: #666666;
|
|
margin-bottom: 19px;
|
|
}
|
|
|
|
/*# sourceMappingURL=index.vue.map */
|
|
.audio .audio-icon[data-v-4b6804e2] {
|
|
width: 36px;
|
|
height: 36px;
|
|
margin-right: 20px;
|
|
}
|
|
.audio .audio-icon img[data-v-4b6804e2] {
|
|
width: 100%;
|
|
height: 100%;
|
|
display: block;
|
|
}
|
|
.audio .audio-controls[data-v-4b6804e2] {
|
|
width: 100%;
|
|
max-width: 200px;
|
|
flex: 1;
|
|
height: 36px;
|
|
}
|
|
.audio .audio-controls .audio-controls--progress[data-v-4b6804e2], .audio .audio-controls .audio-controls--handler[data-v-4b6804e2] {
|
|
width: 100%;
|
|
}
|
|
.audio .audio-controls .audio-controls--handler[data-v-4b6804e2] {
|
|
line-height: 1;
|
|
}
|
|
.audio .audio-controls .audio-controls--handler .play[data-v-4b6804e2] {
|
|
font-size: 24px;
|
|
}
|
|
.audio .audio-controls .audio-controls--handler .play .play-handler[data-v-4b6804e2] {
|
|
width: 22px;
|
|
height: 22px;
|
|
display: block;
|
|
cursor: pointer;
|
|
}
|
|
.audio .audio-controls .audio-controls--handler .current-time[data-v-4b6804e2], .audio .audio-controls .audio-controls--handler .total-time[data-v-4b6804e2] {
|
|
font-size: 12px;
|
|
color: #333;
|
|
}
|
|
.play-handler.mobile[data-v-4b6804e2] {
|
|
width: 20px;
|
|
height: 20px;
|
|
}
|
|
.audio-component[data-v-4b6804e2] {
|
|
display: none;
|
|
}
|
|
[data-v-4b6804e2] .el-slider__runway {
|
|
margin: 0 0 4px 0;
|
|
background: #e3e3e3;
|
|
height: 4px;
|
|
}
|
|
[data-v-4b6804e2] .el-slider__bar {
|
|
height: 4px;
|
|
}
|
|
[data-v-4b6804e2] .el-slider__button {
|
|
width: 10px;
|
|
height: 10px;
|
|
}
|
|
[data-v-4b6804e2] .el-slider__button-wrapper {
|
|
top: -15px;
|
|
}
|
|
|
|
/*# sourceMappingURL=audio-play-new.vue.map */
|
|
.audio .audio-icon[data-v-6166fdf6] {
|
|
width: 36px;
|
|
height: 36px;
|
|
margin-right: 20px;
|
|
}
|
|
.audio .audio-icon img[data-v-6166fdf6] {
|
|
width: 100%;
|
|
height: 100%;
|
|
display: block;
|
|
}
|
|
.audio .audio-controls[data-v-6166fdf6] {
|
|
width: 100%;
|
|
max-width: 200px;
|
|
flex: 1;
|
|
height: 36px;
|
|
}
|
|
.audio .audio-controls .audio-controls--progress[data-v-6166fdf6], .audio .audio-controls .audio-controls--handler[data-v-6166fdf6] {
|
|
width: 100%;
|
|
}
|
|
.audio .audio-controls .audio-controls--handler[data-v-6166fdf6] {
|
|
line-height: 1;
|
|
}
|
|
.audio .audio-controls .audio-controls--handler .play[data-v-6166fdf6] {
|
|
font-size: 24px;
|
|
}
|
|
.audio .audio-controls .audio-controls--handler .play .play-handler[data-v-6166fdf6] {
|
|
width: 22px;
|
|
height: 22px;
|
|
display: block;
|
|
cursor: pointer;
|
|
}
|
|
.audio .audio-controls .audio-controls--handler .current-time[data-v-6166fdf6], .audio .audio-controls .audio-controls--handler .total-time[data-v-6166fdf6] {
|
|
font-size: 12px;
|
|
color: #333;
|
|
}
|
|
.play-handler.mobile[data-v-6166fdf6] {
|
|
width: 20px;
|
|
height: 20px;
|
|
}
|
|
.audio-component[data-v-6166fdf6] {
|
|
display: none;
|
|
}
|
|
[data-v-6166fdf6] .el-slider__runway {
|
|
margin: 0 0 4px 0;
|
|
background: #e3e3e3;
|
|
height: 4px;
|
|
}
|
|
[data-v-6166fdf6] .el-slider__bar {
|
|
height: 4px;
|
|
}
|
|
[data-v-6166fdf6] .el-slider__button {
|
|
width: 10px;
|
|
height: 10px;
|
|
}
|
|
[data-v-6166fdf6] .el-slider__button-wrapper {
|
|
top: -15px;
|
|
}
|
|
|
|
/*# sourceMappingURL=audio-play-new.vue.map */
|
|
[data-v-d6ccf97e] .el-dialog__header {
|
|
padding: 10px;
|
|
}
|
|
.video-content[data-v-d6ccf97e] {
|
|
width: 180px;
|
|
height: 135px;
|
|
border-radius: 6px;
|
|
overflow: hidden;
|
|
position: relative;
|
|
}
|
|
.video-content .play[data-v-d6ccf97e] {
|
|
position: absolute;
|
|
left: 50%;
|
|
top: 50%;
|
|
cursor: pointer;
|
|
transform: translateX(-50%) translateY(-50%);
|
|
}
|
|
.video-mask[data-v-d6ccf97e] {
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
background: rgba(0, 0, 0, 0.5);
|
|
}
|
|
.video-mask img[data-v-d6ccf97e] {
|
|
position: absolute;
|
|
left: 50%;
|
|
top: 50%;
|
|
transform: translate(-50% -50%);
|
|
display: block;
|
|
}
|
|
.video-player[data-v-d6ccf97e] {
|
|
width: 100%;
|
|
}
|
|
|
|
/*# sourceMappingURL=video-play.vue.map */
|
|
[data-v-1903d5f8] .el-dialog__header {
|
|
padding: 10px;
|
|
}
|
|
.video-content[data-v-1903d5f8] {
|
|
width: 180px;
|
|
height: 135px;
|
|
border-radius: 6px;
|
|
overflow: hidden;
|
|
position: relative;
|
|
}
|
|
.video-content .play[data-v-1903d5f8] {
|
|
position: absolute;
|
|
left: 50%;
|
|
top: 50%;
|
|
cursor: pointer;
|
|
transform: translateX(-50%) translateY(-50%);
|
|
}
|
|
.video-mask[data-v-1903d5f8] {
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
background: rgba(0, 0, 0, 0.5);
|
|
}
|
|
.video-mask img[data-v-1903d5f8] {
|
|
position: absolute;
|
|
left: 50%;
|
|
top: 50%;
|
|
transform: translate(-50% -50%);
|
|
display: block;
|
|
}
|
|
.video-player[data-v-1903d5f8] {
|
|
width: 100%;
|
|
}
|
|
|
|
/*# sourceMappingURL=video-play.vue.map */ |