update:NPS UI修改

src/views/Design/Index.vue

@@ -87,7 +87,7 @@
             :active="chooseQuestionId === element.id"
             @update:element="updateElement"
           />
-          <!--图文-->
+          <!--NPS-->
           <NPS
             v-if="element.question_type === 106"
             :element="computedElement(element)"

src/views/Design/components/ActionCompoents/QuestionAction.vue

@@ -260,8 +260,8 @@ const getSkipTypeText = (skipType) => {
   const ls = [];
   logics.map((item) => {
     if (
-      item.skip_type === skipType
-      && item.question_index === activeQuestion.value.question_index
+      item.skip_type === skipType &&
+      item.question_index === activeQuestion.value.question_index
     ) {
       ls.push(item);
     }

src/views/Design/components/Questions/NPS.vue

@@ -19,12 +19,12 @@
             :key="optionIndex"
             @click="chooseOption(item)"
           >
-            <RateCharacter v-model="answerValue" :config="element.config"></RateCharacter>
             <div class="tips">
               <p>{{ element.config.prompt_left }}</p>
               <p>{{ element.config.prompt_center }}</p>
               <p>{{ element.config.prompt_right }}</p>
             </div>
+            <RateCharacter v-model="answerValue" :config="element.config"></RateCharacter>
           </div>
         </div>
       </template>
@@ -71,6 +71,6 @@ const chooseOption = (item) => {
 .tips {
   display: flex;
   justify-content: space-between;
-  color: #bfbfbf;
+  color: #b8b8b8;
 }
 </style>

src/views/Design/components/Questions/Rate.vue

@@ -5,6 +5,7 @@
       :label="element.stem"
       :required="element.config.is_required === 1"
       label-align="top"
+      class="contenteditable-question-title"
     >
       <template #left-icon>
         {{ index + 1 }}

src/views/Design/components/Questions/RateCharacter.vue

@@ -95,7 +95,7 @@ ul {
 .rate_item {
   margin: 0 3px;
   margin-top: 5px;
-  padding: 0 7px;
+  padding: 0 6px;
   border: 1px solid #ddd;
   border-radius: 4px;
   color: #666;

src/views/Home/components/CreateSurvey/Index.vue

@@ -96,9 +96,7 @@ onMounted(() => {
     color: #000;
     font-weight: bold;
     font-size: 15px;
-    font-family:
-      PingFangSC,
-      'PingFang SC';
+    font-family: PingFangSC, 'PingFang SC';
   }
 }
 
@@ -114,8 +112,6 @@ onMounted(() => {
     color: #000;
     font-weight: 400;
     font-size: 0.34rem;
-
-    //font-family: PingFangHK, PingFangHK;
   }
 }
 </style>

src/views/Survey/views/Create/Index.vue

@@ -601,34 +601,38 @@ onMounted(async () => {
     //font-size: 12px;
   }
 }
+
 ::v-deep .van-popup--bottom.van-popup--round {
   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;
   text-align: left;
-  font-style: normal;
 }
+
 .setting_group {
   padding: 10px;
   background-color: #f2f2f2;
 }
+
 .setting_block {
   border-radius: 12px;
 }
+
 .border-top {
   border-radius: 12px 12px 0 0;
 }
+
 .border-bottom {
   border-radius: 0 0 12px 12px;
 }
+
 .result-cell {
   margin: 10px 5px;
   padding: 5px;