logo

package.json

@@ -6,7 +6,7 @@
   "scripts": {
     "dev": "vite",
     "build": "vue-tsc && vite build",
-    "build:app": "npm run build && npx cap sync android && cd android && ./gradlew assembleDebug",
+    "build:app": "npm run build && npx cap sync android && cd android && .\\\\gradlew assembleDebug",
     "preview": "vite preview",
     "test:e2e": "cypress run",
     "test:unit": "vitest",
@@ -44,6 +44,7 @@
     "eslint-plugin-vue": "^9.9.0",
     "jsdom": "^22.1.0",
     "postcss-px-to-viewport": "^1.1.1",
+    "sass-embedded": "^1.100.0",
     "terser": "^5.4.0",
     "typescript": "~5.9.0",
     "vite": "^5.0.0",

src/views/step1.vue

@@ -1,7 +1,10 @@
 <template>
   <div class="step1">
     <div class="top">
-      <div class="title"><img src="@/assets/step1/title.png" alt=""></div>
+      <div class="title-row">
+        <div class="title"><img src="@/assets/step1/title.png" alt=""></div>
+        <div class="logo"><img src="@/assets/step1/logo.png" alt=""></div>
+      </div>
       <div class="sub-title"><img src="@/assets/step1/sub-title.png" alt=""></div>
     </div>
     <div class="main">
@@ -53,7 +56,7 @@
 <script setup lang="ts">
 import { nextTick, onMounted, ref } from 'vue';
 import { useRouter } from 'vue-router';
-import introVideoUrl from '@/assets/step1/1.mp4?url';
+import introVideoUrl from '@/assets/step1/2.mp4?url';
 import introVideoUrl_ from '@/assets/step1/1_.mp4?url';
 
 const showHelp = ref(true);
@@ -123,13 +126,30 @@ const start = () => {
   min-height: 100vh;
 
   .top {
-    .title {
-      width: 340px;
-      height: 60px;
-      padding-left: 49px;
+    .title-row {
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      padding: 0 49px;
 
-      img {
-        width: 100%;
+      .title {
+        width: 340px;
+        height: 60px;
+
+        img {
+          width: 100%;
+        }
+      }
+
+      .logo {
+        width: 500px;
+        height: 250px;
+
+        img {
+          width: 100%;
+          height: 100%;
+          object-fit: contain;
+        }
       }
     }