主题切换

src/views/drive/index.vue

@@ -93,6 +93,13 @@ import drivePc4_white from "@/assets/images/gong_white.png";
 import drivePc5_white from "@/assets/images/市场pc_white.png";
 import drivePc6_white from "@/assets/images/qhsepc_white.png";
 
+import driveMobile1_white from "@/assets/images/mobile_white.png"; // 经营驾驶舱移动端背景图
+import driveMobile2_white from "@/assets/images/生产驾驶舱_white.png"; // 生产驾驶舱移动端背景图
+import driveMobile3_white from "@/assets/images/财务驾驶舱_white.png"; // 生产驾驶舱移动端背景图
+import driveMobile4_white from "@/assets/images/供应链驾驶舱_white.png"; // 生产驾驶舱移动端背景图
+import driveMobile5_white from "@/assets/images/市场驾驶舱_white.png"; // 生产驾驶舱移动端背景图
+import driveMobile6_white from "@/assets/images/QHSE驾驶舱_white.png"; // 生产驾驶舱移动端背景图
+
 import all from "@/assets/images/driveall.png";
 import jingying from "@/assets/images/jingying.png";
 import shengc from "@/assets/images/shengc.png";
@@ -134,7 +141,7 @@ watch(
           url: "https://report.deepoil.cc/webroot/decision/v10/entry/access/9fb42908-894a-4373-a6be-ce046a42851d?preview=true&page_number=1",
           bgColor: "#3876e0",
           pcBg: drivePc1_white,
-          mobileBg: driveMobile1,
+          mobileBg: driveMobile1_white,
           category: "management", // 对应经营管理
         },
         {
@@ -143,7 +150,7 @@ watch(
           url: "https://report.deepoil.cc/webroot/decision/v10/entry/access/dbc9cf73-81ce-43f1-9923-45cdfa5d5d3a?preview=true&page_number=1",
           bgColor: "#0f766e",
           pcBg: drivePc2_white,
-          mobileBg: driveMobile2,
+          mobileBg: driveMobile2_white,
           category: "production", // 对应生产运营
         },
         {
@@ -152,7 +159,7 @@ watch(
           url: "https://report.deepoil.cc/webroot/decision/v10/entry/access/e836fb5b-092c-4d64-a324-3beeb4fac0cc?preview=true&page_number=1",
           bgColor: "#ca8a04",
           pcBg: drivePc3_white,
-          mobileBg: driveMobile3,
+          mobileBg: driveMobile3_white,
           category: "finance", // 对应财务管理
         },
         {
@@ -161,7 +168,7 @@ watch(
           url: "#",
           bgColor: "#7c3aed",
           pcBg: drivePc4_white,
-          mobileBg: driveMobile4,
+          mobileBg: driveMobile4_white,
           category: "supply", // 对应供应链管理
         },
         {
@@ -170,7 +177,7 @@ watch(
           url: "#",
           bgColor: "#16a34a",
           pcBg: drivePc5_white,
-          mobileBg: driveMobile5,
+          mobileBg: driveMobile5_white,
           category: "marketing", // 对应市场营销
         },
         {
@@ -179,7 +186,7 @@ watch(
           url: "#",
           bgColor: "#dc2626",
           pcBg: drivePc6_white,
-          mobileBg: driveMobile6,
+          mobileBg: driveMobile6_white,
           category: "qhse", // 对应 QHSE
         },
       ];
@@ -251,7 +258,7 @@ const driveCards = ref([
     url: "https://report.deepoil.cc/webroot/decision/v10/entry/access/9fb42908-894a-4373-a6be-ce046a42851d?preview=true&page_number=1",
     bgColor: "#3876e0",
     pcBg: themeStore.theme === "light" ? drivePc1_white : drivePc1,
-    mobileBg: driveMobile1,
+    mobileBg: themeStore.theme === "light" ? driveMobile1_white : driveMobile1,
     category: "management", // 对应经营管理
   },
   {
@@ -260,7 +267,7 @@ const driveCards = ref([
     url: "https://report.deepoil.cc/webroot/decision/v10/entry/access/dbc9cf73-81ce-43f1-9923-45cdfa5d5d3a?preview=true&page_number=1",
     bgColor: "#0f766e",
     pcBg: themeStore.theme === "light" ? drivePc2_white : drivePc2,
-    mobileBg: driveMobile2,
+    mobileBg: themeStore.theme === "light" ? driveMobile2_white : driveMobile2,
     category: "production", // 对应生产运营
   },
   {
@@ -269,7 +276,7 @@ const driveCards = ref([
     url: "https://report.deepoil.cc/webroot/decision/v10/entry/access/e836fb5b-092c-4d64-a324-3beeb4fac0cc?preview=true&page_number=1",
     bgColor: "#ca8a04",
     pcBg: themeStore.theme === "light" ? drivePc3_white : drivePc3,
-    mobileBg: driveMobile3,
+    mobileBg: themeStore.theme === "light" ? driveMobile3_white : driveMobile3,
     category: "finance", // 对应财务管理
   },
   {
@@ -278,7 +285,7 @@ const driveCards = ref([
     url: "#",
     bgColor: "#7c3aed",
     pcBg: themeStore.theme === "light" ? drivePc4_white : drivePc4,
-    mobileBg: driveMobile4,
+    mobileBg: themeStore.theme === "light" ? driveMobile4_white : driveMobile4,
     category: "supply", // 对应供应链管理
   },
   {
@@ -287,7 +294,7 @@ const driveCards = ref([
     url: "#",
     bgColor: "#16a34a",
     pcBg: themeStore.theme === "light" ? drivePc5_white : drivePc5,
-    mobileBg: driveMobile5,
+    mobileBg: themeStore.theme === "light" ? driveMobile5_white : driveMobile5,
     category: "marketing", // 对应市场营销
   },
   {
@@ -296,7 +303,7 @@ const driveCards = ref([
     url: "#",
     bgColor: "#dc2626",
     pcBg: themeStore.theme === "light" ? drivePc6_white : drivePc6,
-    mobileBg: driveMobile6,
+    mobileBg: themeStore.theme === "light" ? driveMobile6_white : driveMobile6,
     category: "qhse", // 对应 QHSE
   },
 ]);