libingxiang/non-invasive-checkup
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

logo

Browse Source
This commit is contained in:
libingxiang 2026-06-12 09:09:15 +08:00
parent a165eb63c5
commit f467d84eec
4 changed files with 30 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
package.json
View File

@ -6,7 +6,7 @@
"scripts": { "scripts": {
"dev": "vite", "dev": "vite",
"build": "vue-tsc && vite build", "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", "preview": "vite preview",
"test:e2e": "cypress run", "test:e2e": "cypress run",
"test:unit": "vitest", "test:unit": "vitest",
@ -44,6 +44,7 @@
"eslint-plugin-vue": "^9.9.0", "eslint-plugin-vue": "^9.9.0",
"jsdom": "^22.1.0", "jsdom": "^22.1.0",
"postcss-px-to-viewport": "^1.1.1", "postcss-px-to-viewport": "^1.1.1",
"sass-embedded": "^1.100.0",
"terser": "^5.4.0", "terser": "^5.4.0",
"typescript": "~5.9.0", "typescript": "~5.9.0",
"vite": "^5.0.0", "vite": "^5.0.0",

BIN
src/assets/step1/2.mp4 Normal file
View File

Binary file not shown.

BIN
src/assets/step1/logo.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 93 KiB

36
src/views/step1.vue
View File

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