udpate

src/components/basic/guide.vue

@@ -1,7 +1,12 @@
 <template>
   <div v-if="show && isMobile" class="user-guide-overlay">
-    <div class="user-guide-mobile">
-      <div class="zh">
+    <div
+      class="user-guide-mobile"
+      :class="{
+        [lang]: true,
+      }"
+    >
+      <div class="content">
         <div class="btn" @click="onSet"></div>
       </div>
     </div>
@@ -18,6 +23,7 @@
 
   const show = computed(() => appStore.player.showUserGuide);
   // const store = useStore();
+  const lang = computed(() => browser.getURLParam('lang') || 'zh');
 
   onMounted(() => {
     const isGuide = localStorage.getItem('user_guide');
@@ -149,7 +155,7 @@
     left: 50%;
     width: 7.89474rem;
     transform: translateX(-50%);
-    .zh {
+    .content {
       width: 100%;
       height: 7rem;
       background-image: url(/@/assets/images/guide/novice_guide_text@2x.png);
@@ -157,6 +163,15 @@
       background-position: center top;
       background-repeat: no-repeat;
     }
+    &.en {
+      .content {
+        background-image: url(/@/assets/images/guide/novice_guide_text_en@2x.png);
+      }
+      .btn {  
+
+        background-image: url(/@/assets/images/guide/novice_guide_button_en@2x.png);
+      }
+    }
     .en {
       width: 100%;
       color: #fff;