feat: 填写问卷样式修改

src/views/fill-questionnaire/index.module.less

@@ -33,6 +33,18 @@
       height: 37px;
       line-height: 37px;
       padding: 0 10px;
+      position: relative;
+      >i {
+        position: absolute;
+        right: 10px;
+        top: 50%;
+        transform: translateY(-50%);
+        background: url('./images/toggle_icon.png') no-repeat center;
+        background-size: contain;
+        width: 18px;
+        height: 10px;
+        transition: all 0.5s;
+      }
     }
     .valDone {
       display: flex;
@@ -42,6 +54,17 @@
       border-radius: 4px;
       min-height: 37px;
       padding: 0 10px;
+      >i {
+        position: absolute;
+        right: 10px;
+        top: 50%;
+        transform: translateY(-50%);
+        background: url('./images/toggle_icon.png') no-repeat center;
+        background-size: contain;
+        width: 18px;
+        height: 10px;
+        transition: all 0.5s;
+      }      
       .vdArea {
         font-size: 13px;
         color: #777777;
@@ -52,6 +75,11 @@
         margin-bottom: 4px;
       }
     }
+    .openVal {
+      >i {
+        transform: translateY(-50%) rotate(180deg);
+      }
+    }
     .valDone2 {
       height: 58px;
     }
@@ -120,6 +148,7 @@
   flex-direction: column;
   align-items: center;
   justify-content: center;
+  overflow: hidden;
   .sTitle {
     margin-top: 110px;
     width: 74px;

src/views/fill-questionnaire/index.tsx

@@ -544,8 +544,9 @@ export default defineComponent({
               <div class={[styles.valDone, forms.schoolName && styles.valDone2]} onClick={() => forms.schoolStatus = true}>
                 {forms.schoolName && <span class={styles.vdSchool}>{forms.schoolName}</span>}
                 <span class={styles.vdArea}>{forms.areaName}</span>
+                <i></i>
               </div> :
-              <div class={[styles.valDot, styles.grayText]} onClick={openAreaPop}>请选择学校</div>
+              <div class={[styles.valDot, styles.grayText, forms.schoolStatus && styles.openVal]} onClick={openAreaPop}>请选择学校<i></i></div>
             }
             <div></div>
           </div>
@@ -563,8 +564,8 @@ export default defineComponent({
           </div>
           <div class={styles.formItem}>
             <p>3. 年级班级</p>
-            <div class={[styles.valDot, !forms.currentClass && styles.grayText]}
-             onClick={()=> forms.gradeStatus = true}>{forms.currentClass ? forms.currentGrade+forms.currentClass : '请选择年级班级'}</div>
+            <div class={[styles.valDot, !forms.currentClass && styles.grayText, forms.gradeStatus && styles.openVal]}
+             onClick={()=> forms.gradeStatus = true}>{forms.currentClass ? forms.currentGrade+forms.currentClass : '请选择年级班级'}<i></i></div>
           </div>     
           <div class={styles.formItem}>
             <p>4. 在您了解以上数字化转型事项后，您是</p>

src/views/intention-questionnaire/index.tsx

@@ -206,7 +206,7 @@ export default defineComponent({
         </div>
 
         {/* 是否在微信中打开 */}
-        {/* <OWxTip /> */}
+        <OWxTip />
 
 
         <div class={styles.bottomBtn}>