update:NPS UI修改

This commit is contained in:
du.meimei
2025-03-16 11:07:22 +08:00
parent bb3808bbf9
commit 5fea34f1bb
9 changed files with 33 additions and 32 deletions

View File

@@ -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)"

View File

@@ -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);
} }

View File

@@ -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>

View File

@@ -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 }}

View File

@@ -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;

View File

@@ -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>

View File

@@ -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;