Merge pull request #190 from chenxi34/dev

fix:黑夜模式

Author: DumbDaiDai

src/pages/DetailInfo/leftMenu.vue

@@ -1,10 +1,10 @@
 <template>
-  <div class="bg-base-100 flex-1 ">
+  <div class="bg-base-100 dark:bg-[#1A1A1A] flex-1 ">
     <div class="flex items-center">
       <div class="text-md flex-1 h-40 text-red-400 flex justify-center items-center cursor-pointer">
         题型选择
       </div>
-      <div class="text-md flex-1 text-gray-600 bg-base-200 flex h-40 justify-center items-center cursor-not-allowed ">
+      <div class="text-md flex-1 text-gray-600 bg-base-200 flex h-40 justify-center items-center cursor-not-allowed dark:bg-customGray_shallow dark:text-white">
         敬请期待
       </div>
     </div>

src/pages/DetailInfo/menuPanel.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="w-300 border-2 border-base-300 ">
+  <div class="w-300 border-2 border-base-300 dark:border-customGray_shallow">
     <slot />
   </div>
 </template>

src/pages/DetailInfo/question/addQuesButton.vue

@@ -1,6 +1,8 @@
 <template>
-  <div class="border-gray-200 flex border-[1px]   flex-col items-center justify-center gap-6 h-80 w-80 cursor-pointer hover:bg-red-50 hover:border-red-300 transition-all " @click="addQues">
-    <slot />
+  <div class="border-gray-200 flex border-[1px]   flex-col items-center justify-center gap-6 h-80 w-80 cursor-pointer hover:bg-red-50 hover:border-red-300 transition-all dark:border-customGray_shallow dark:bg-customGray_more_shallow dark:hover:bg-customGray_shallow dark:hover:border-red-300" @click="addQues">
+    <div class="dark:invert">
+      <slot />
+    </div>
     <div class="text-[12px]">
       {{ props.text }}
     </div>

src/pages/DetailInfo/questionList.vue

@@ -8,13 +8,13 @@
         </div>
       </div>
       <div class="divider" />
-      <div v-if="schema && schema.quesConfig" class="flex flex-col gap-5 bg-base-100">
+      <div v-if="schema && schema.quesConfig" class="flex flex-col gap-5 bg-base-100 dark:bg-customGray">
         <div
           v-for="q in schema.quesConfig.questionList"
           :key="q.serialNum"
           @click="activeSerial = q.serialNum"
         >
-          <div class="relative flex items-center gap-4 w-full">
+          <div class="relative flex items-center gap-4 w-full dark:bg-[#1A1A1A]">
             <div v-if="q.quesSetting.questionType === QuesItemType.RADIO" class="flex-grow w-full">
               <el-skeleton animated :loading="loading">
                 <radio

src/pages/DetailInfo/rightMenu.vue

@@ -1,8 +1,8 @@
 <template>
-  <div class="bg-base-100 flex-1">
+  <div class="bg-base-100 dark:bg-[#1A1A1A] flex-1">
     <!-- 题型显示 -->
-    <div class="flex bg-base-200 w-full opacity-0.6 items-center" style="height: 4vh;">
-      <div v-if="questionList[activeSerial-1]" class="text-red-400 pl-16 text-sm">
+    <div class="flex bg-base-200 dark:bg-customGray_shallow w-full opacity-0.6 items-center" style="height: 4vh;">
+      <div v-if="questionList[activeSerial - 1]" class="text-red-400 dark:text-white pl-16 text-sm">
         {{ typeChinese[currentType] }}
       </div>
     </div>