feat: NTRP测试入口接入

src/components/Picker/PopupPicker.tsx

@@ -7,6 +7,8 @@ import {
   renderYearMonthDay,
   renderHourMinute,
 } from "./PickerData";
+import NTRPTestEntryCard from "../NTRPTestEntryCard";
+import { EvaluateScene } from "@/store/evaluateStore";
 import imgs from "@/config/images";
 import styles from "./index.module.scss";
 interface PickerOption {
@@ -106,25 +108,28 @@ const PopupPicker = ({
         zIndex={1000}
       >
         {type === "ntrp" && (
-          <View className={`${styles["examination-btn"]}}`}>
-            <View className={`${styles["text-container"]}}`}>
-              <View className={`${styles["text-title"]}}`}>
-                不知道自己的<Text>（NTRP）</Text>水平
-              </View>
-              <View className={`${styles["text-btn"]}}`}>
-                <Text>快速测试</Text>
-                <Image src={imgs.ICON_ARROW_GREEN} className={`${styles["icon-arrow"]}`}></Image>
-              </View>
-            </View>
-            <View className={`${styles["img-container"]}}`}>
-              <View className={`${styles["img-box"]}`}>
-                <Image src={img!}></Image>
-              </View>
-              <View className={`${styles["img-box"]}`}>
-                <Image src={imgs.ICON_EXAMINATION}></Image>
-              </View>
-            </View>
+          <View className={styles.evaluateCardWrap}>
+            <NTRPTestEntryCard type={EvaluateScene.userEdit} />
           </View>
+          // <View className={`${styles["examination-btn"]}}`}>
+          //   <View className={`${styles["text-container"]}}`}>
+          //     <View className={`${styles["text-title"]}}`}>
+          //       不知道自己的<Text>（NTRP）</Text>水平
+          //     </View>
+          //     <View className={`${styles["text-btn"]}}`}>
+          //       <Text>快速测试</Text>
+          //       <Image src={imgs.ICON_ARROW_GREEN} className={`${styles["icon-arrow"]}`}></Image>
+          //     </View>
+          //   </View>
+          //   <View className={`${styles["img-container"]}}`}>
+          //     <View className={`${styles["img-box"]}`}>
+          //       <Image src={img!}></Image>
+          //     </View>
+          //     <View className={`${styles["img-box"]}`}>
+          //       <Image src={imgs.ICON_EXAMINATION}></Image>
+          //     </View>
+          //   </View>
+          // </View>
         )}
         <Picker
           visible={visible}

src/components/Picker/index.module.scss

@@ -26,90 +26,89 @@
   }
 }
 
-.examination-btn {
-  padding: 8px 16px;
-  margin: 16px;
-  border-radius: 12px;
-  border: 1px solid rgba(0, 0, 0, 0.08);
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  box-sizing: border-box;
-  background: linear-gradient(to bottom,
-      #CCFFF2,
-      /* 开始颜色 */
-      #F7FFFD
-      /* 结束颜色 */
-    ),
-    repeating-linear-gradient(90deg,
-      /* 垂直方向 */
-      rgba(0, 0, 0, 1),
-      /* 条纹的开始颜色 */
-      rgba(0, 0, 0, 0.01) 1px,
-      /* 条纹的结束颜色及宽度 */
-      #CCFFF2 8px,
-      /* 条纹之间的开始颜色 */
-      #F7FFFD 10px
-      /* 条纹之间的结束颜色及宽度 */
-    );
-     background-blend-mode: luminosity;
-  /* 将两个渐变层叠在一起 */
+.evaluateCardWrap {
+  padding: 16px;
+}
 
-  .text-container {
-    .text-title {
-      font-family: Noto Sans SC;
-      font-weight: 900;
-      color: #2a4d44;
-      font-size: 16px;
-      margin-bottom: 4px;
+// .examination-btn {
+//   padding: 8px 16px;
+//   margin: 16px;
+//   border-radius: 12px;
+//   border: 1px solid rgba(0, 0, 0, 0.08);
+//   display: flex;
+//   justify-content: space-between;
+//   align-items: center;
+//   box-sizing: border-box;
+//   background: linear-gradient(
+//       to bottom,
+//       #ccfff2,
+//       /* 开始颜色 */ #f7fffd /* 结束颜色 */
+//     ),
+//     repeating-linear-gradient(
+//       90deg,
+//       /* 垂直方向 */ rgba(0, 0, 0, 1),
+//       /* 条纹的开始颜色 */ rgba(0, 0, 0, 0.01) 1px,
+//       /* 条纹的结束颜色及宽度 */ #ccfff2 8px,
+//       /* 条纹之间的开始颜色 */ #f7fffd 10px /* 条纹之间的结束颜色及宽度 */
+//     );
+//   background-blend-mode: luminosity;
+//   /* 将两个渐变层叠在一起 */
 
-      Text {
-        color: #00e5ad;
-      }
-    }
+//   .text-container {
+//     .text-title {
+//       font-family: Noto Sans SC;
+//       font-weight: 900;
+//       color: #2a4d44;
+//       font-size: 16px;
+//       margin-bottom: 4px;
 
-    .text-btn {
-      font-size: 12px;
-      color: #5ca693;
-      display: flex;
-      align-items: center;
-      gap: 6px;
+//       Text {
+//         color: #00e5ad;
+//       }
+//     }
 
-      .icon-arrow {
-        width: 12px;
-        height: 12px;
-      }
-    }
-  }
+//     .text-btn {
+//       font-size: 12px;
+//       color: #5ca693;
+//       display: flex;
+//       align-items: center;
+//       gap: 6px;
 
-  .img-container {
-    display: flex;
+//       .icon-arrow {
+//         width: 12px;
+//         height: 12px;
+//       }
+//     }
+//   }
 
-    .img-box {
-      width: 47px;
-      height: 47px;
-      border: 3px solid #fff;
-      border-radius: 50%;
-      overflow: hidden;
-      display: flex;
-      justify-content: center;
-      align-items: center;
+//   .img-container {
+//     display: flex;
 
-      Image {
-        width: 100%;
-        height: 100%;
-      }
+//     .img-box {
+//       width: 47px;
+//       height: 47px;
+//       border: 3px solid #fff;
+//       border-radius: 50%;
+//       overflow: hidden;
+//       display: flex;
+//       justify-content: center;
+//       align-items: center;
 
-      &:nth-child(2) {
-        border-radius: 8px;
-        background-color: #ccfff2;
-        transform: scale(0.88) rotate(15deg) translateX(-10px);
+//       Image {
+//         width: 100%;
+//         height: 100%;
+//       }
 
-        Image {
-          width: 66%;
-          height: 66%;
-        }
-      }
-    }
-  }
-}
+//       &:nth-child(2) {
+//         border-radius: 8px;
+//         background-color: #ccfff2;
+//         transform: scale(0.88) rotate(15deg) translateX(-10px);
+
+//         Image {
+//           width: 66%;
+//           height: 66%;
+//         }
+//       }
+//     }
+//   }
+// }