update:NPS UI修改
This commit is contained in:
@@ -87,7 +87,7 @@
|
|||||||
:active="chooseQuestionId === element.id"
|
:active="chooseQuestionId === element.id"
|
||||||
@update:element="updateElement"
|
@update:element="updateElement"
|
||||||
/>
|
/>
|
||||||
<!--图文-->
|
<!--NPS-->
|
||||||
<NPS
|
<NPS
|
||||||
v-if="element.question_type === 106"
|
v-if="element.question_type === 106"
|
||||||
:element="computedElement(element)"
|
:element="computedElement(element)"
|
||||||
|
|||||||
@@ -260,8 +260,8 @@ const getSkipTypeText = (skipType) => {
|
|||||||
const ls = [];
|
const ls = [];
|
||||||
logics.map((item) => {
|
logics.map((item) => {
|
||||||
if (
|
if (
|
||||||
item.skip_type === skipType
|
item.skip_type === skipType &&
|
||||||
&& item.question_index === activeQuestion.value.question_index
|
item.question_index === activeQuestion.value.question_index
|
||||||
) {
|
) {
|
||||||
ls.push(item);
|
ls.push(item);
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -19,12 +19,12 @@
|
|||||||
:key="optionIndex"
|
:key="optionIndex"
|
||||||
@click="chooseOption(item)"
|
@click="chooseOption(item)"
|
||||||
>
|
>
|
||||||
<RateCharacter v-model="answerValue" :config="element.config"></RateCharacter>
|
|
||||||
<div class="tips">
|
<div class="tips">
|
||||||
<p>{{ element.config.prompt_left }}</p>
|
<p>{{ element.config.prompt_left }}</p>
|
||||||
<p>{{ element.config.prompt_center }}</p>
|
<p>{{ element.config.prompt_center }}</p>
|
||||||
<p>{{ element.config.prompt_right }}</p>
|
<p>{{ element.config.prompt_right }}</p>
|
||||||
</div>
|
</div>
|
||||||
|
<RateCharacter v-model="answerValue" :config="element.config"></RateCharacter>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
@@ -71,6 +71,6 @@ const chooseOption = (item) => {
|
|||||||
.tips {
|
.tips {
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
color: #bfbfbf;
|
color: #b8b8b8;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
@@ -5,6 +5,7 @@
|
|||||||
:label="element.stem"
|
:label="element.stem"
|
||||||
:required="element.config.is_required === 1"
|
:required="element.config.is_required === 1"
|
||||||
label-align="top"
|
label-align="top"
|
||||||
|
class="contenteditable-question-title"
|
||||||
>
|
>
|
||||||
<template #left-icon>
|
<template #left-icon>
|
||||||
{{ index + 1 }}
|
{{ index + 1 }}
|
||||||
|
|||||||
@@ -95,7 +95,7 @@ ul {
|
|||||||
.rate_item {
|
.rate_item {
|
||||||
margin: 0 3px;
|
margin: 0 3px;
|
||||||
margin-top: 5px;
|
margin-top: 5px;
|
||||||
padding: 0 7px;
|
padding: 0 6px;
|
||||||
border: 1px solid #ddd;
|
border: 1px solid #ddd;
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
color: #666;
|
color: #666;
|
||||||
|
|||||||
@@ -96,9 +96,7 @@ onMounted(() => {
|
|||||||
color: #000;
|
color: #000;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
font-size: 15px;
|
font-size: 15px;
|
||||||
font-family:
|
font-family: PingFangSC, 'PingFang SC';
|
||||||
PingFangSC,
|
|
||||||
'PingFang SC';
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -114,8 +112,6 @@ onMounted(() => {
|
|||||||
color: #000;
|
color: #000;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
font-size: 0.34rem;
|
font-size: 0.34rem;
|
||||||
|
|
||||||
//font-family: PingFangHK, PingFangHK;
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
@@ -601,34 +601,38 @@ onMounted(async () => {
|
|||||||
//font-size: 12px;
|
//font-size: 12px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
::v-deep .van-popup--bottom.van-popup--round {
|
::v-deep .van-popup--bottom.van-popup--round {
|
||||||
background-color: #f2f2f2 !important;
|
background-color: #f2f2f2 !important;
|
||||||
}
|
}
|
||||||
.setting_title {
|
|
||||||
font-family:
|
|
||||||
PingFangSC,
|
|
||||||
PingFang SC;
|
|
||||||
font-weight: bold;
|
|
||||||
font-size: 19px;
|
|
||||||
color: #000000;
|
|
||||||
|
|
||||||
|
.setting_title {
|
||||||
|
color: #000;
|
||||||
|
font-weight: bold;
|
||||||
|
font-style: normal;
|
||||||
|
font-size: 19px;
|
||||||
|
font-family: PingFangSC, 'PingFang SC';
|
||||||
line-height: 26px;
|
line-height: 26px;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
font-style: normal;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.setting_group {
|
.setting_group {
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
background-color: #f2f2f2;
|
background-color: #f2f2f2;
|
||||||
}
|
}
|
||||||
|
|
||||||
.setting_block {
|
.setting_block {
|
||||||
border-radius: 12px;
|
border-radius: 12px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.border-top {
|
.border-top {
|
||||||
border-radius: 12px 12px 0 0;
|
border-radius: 12px 12px 0 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.border-bottom {
|
.border-bottom {
|
||||||
border-radius: 0 0 12px 12px;
|
border-radius: 0 0 12px 12px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.result-cell {
|
.result-cell {
|
||||||
margin: 10px 5px;
|
margin: 10px 5px;
|
||||||
padding: 5px;
|
padding: 5px;
|
||||||
|
|||||||
Reference in New Issue
Block a user