dev

frontend/src/pages/Dnfhelper/index.vue

@@ -1,18 +1,20 @@
 <template>
   <div
-    class="flex flex-col h-100% w-100% overflow-hidden text-#bea347"
+    class="flex flex-col h-100% w-100% overflow-hidden text-#bea347 bg-black"
-    style="
+    :style="{
-      background-image:
+      backgroundImage:
-        linear-gradient(
+        // 'linear-gradient(
-          to bottom,
+        //   to bottom,
-          rgba(0, 0, 0, 0.95) 0%,
+        //   rgba(0, 0, 0, 0.95) 0%,
-          rgba(0, 0, 0, 0.6) 40%,
+        //   rgba(0, 0, 0, 0.6) 40%,
-          rgba(0, 0, 0, 0.6) 60%,
+        //   rgba(0, 0, 0, 0.6) 60%,
-          rgba(0, 0, 0, 0.95) 100%
+        //   rgba(0, 0, 0, 0.95) 100%
-        ),
+        // ),
-        url(https://wfiles.gtimg.cn/wuji_open/wupload/dnf_universe_data.picture_info/30b81227_1245MGsPY_R.png);
+        `url(${getImageURL('adventure/bg.png')})`,
-      background-size: cover;
+      backgroundSize: '100% auto',
-    "
+      backgroundPosition: 'center',
+      /* url(https://wfiles.gtimg.cn/wuji_open/wupload/dnf_universe_data.picture_info/30b81227_1245MGsPY_R.png); */
+    }"
   >
     <Processing v-if="helperStore.loading" />