zhusen / kelude-outside-web · Commits

Commit 9373e3f189d08407887c2134ffc1aeba6685833c

Authored by sanmu
1 parent 1a9f6bd6

up

Inline Side-by-side
Showing 30 changed files with 264 additions and 77 deletions
dist/index.html
  View file @9373e3f
... ... @@ -5,8 +5,8 @@
5 5 <link rel="icon" href="/favicon.ico">
6 6 <meta name="viewport" content="width=device-width, initial-scale=1.0">
7 7 <title>Vite App</title>
8   - <script type="module" crossorigin src="/assets/index-e2819255.js"></script>
9   - <link rel="stylesheet" href="/assets/index-f0febdb8.css">
  8 + <script type="module" crossorigin src="/assets/index-2b52aa89.js"></script>
  9 + <link rel="stylesheet" href="/assets/index-b84503aa.css">
10 10 </head>
11 11 <body>
12 12 <div id="app"></div>
... ...
public/customization_case/Snipaste_2023-06-20_22-55-23.png 0 → 100644
View file @9373e3f

16.2 KB
public/customization_case/Snipaste_2023-06-20_22-55-32.png 0 → 100644
View file @9373e3f

19 KB
public/customization_case/Snipaste_2023-06-20_22-55-42.png 0 → 100644
View file @9373e3f

14.8 KB
public/home/1-Energy-materials.png 0 → 100644
View file @9373e3f

135 KB
public/home/10 Material testing.svg 0 → 100644
  View file @9373e3f
  1 +<?xml version="1.0" standalone="no"?>
  2 +<!DOCTYPE svg PUBLIC "-//W3C//DTDSVG1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
  3 +<svg t="1687246905469" class="icon" viewBox="-100 -100 1350 1200" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5024" xmlns:xlink="http://www.w3.org/1999/xlink" width="231.0546875" height="230">
  4 + <path d="M573.286004 173.620761l-1.474964 300.192671-242.744074-143.371499V100.322551h-49.998779v233.644296l-277.343229 157.496154L0 844.479383l303.94258 179.520617 305.892531-173.695759 1.474964-300.192671 242.744074 143.396499v231.794341h49.998779v-235.319255l277.343229-157.496155 1.724958-353.041381L879.178536-0.074998z m-13.299676 647.484192l-255.518761 144.996461-254.318791-150.221333 1.424965-295.31779 255.518762-144.99646 254.318791 150.246332z m571.561046-317.692243l-255.518761 144.99646-254.318791-150.246332 1.424965-295.367789 255.518761-144.99646L1132.97234 208.044921z" p-id="5025" fill="#1296db"></path>
  5 + <path d="M479.063304 575.310954h49.998779v199.995118h-49.998779z" p-id="5026" fill="#1296db"></path>
  6 + <path d="M109.37233 538.936842l167.845902-95.597666 24.749396 43.44894-167.845902 95.622665z" p-id="5027" fill="#1296db"></path>
  7 + <path d="M109.77232 783.98086l25.39938-43.073949 166.395938 98.147604-25.42438 43.073949z" p-id="5028" fill="#1296db"></path>
  8 + <path d="M859.75401 158.996118l25.39938-43.048949 166.320939 98.122605-25.39938 43.048949z" p-id="5029" fill="#1296db"></path>
  9 +</svg>
... ...
public/home/11 Calibration.svg 0 → 100644
  View file @9373e3f
  1 +<?xml version="1.0" standalone="no"?>
  2 +<!DOCTYPE svg PUBLIC "-//W3C//DTDSVG1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
  3 +<svg t="1687246980615" class="icon" viewBox="0 -100 900 1200" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="6119" xmlns:xlink="http://www.w3.org/1999/xlink" width="90" height="90">
  4 + <path d="M801.274 157.172c0-21.7-17.937-39.291-40.065-39.291L661.052 117.881l0 39.291c0 21.702-17.937 39.294-40.065 39.294L280.446 196.466c-22.125 0-40.062-17.591-40.062-39.294l0-39.291L120.192 117.881c-22.125 0-40.065 17.591-40.065 39.291l0 746.571c0 21.702 17.939 39.296 40.065 39.296L440.7 943.039l80.129 78.585L80.128 1021.624C35.874 1021.623 0 986.441 0 943.039L0 117.881c0-43.402 35.874-78.59 80.128-78.59l160.256 0c0-21.7 17.937-39.291 40.062-39.291l340.541 0c22.128 0 40.065 17.591 40.065 39.291l140.223 0c44.253 0 80.127 35.188 80.127 78.59l0 360.582-80.127 81.611L801.275 157.172zM620.987 432.227 260.415 432.227c-11.065 0-20.031-8.798-20.031-19.649l0-19.644c0-10.854 8.966-19.647 20.031-19.647l360.572 0c11.063 0 20.034 8.793 20.034 19.647l0 19.644C641.021 423.429 632.05 432.227 620.987 432.227zM641.021 628.692c0 10.849-8.971 19.644-20.034 19.644L260.415 648.336c-11.065 0-20.031-8.796-20.031-19.644l0-19.649c0-10.849 8.966-19.644 20.031-19.644l360.572 0c11.063 0 20.034 8.796 20.034 19.644L641.021 628.692zM466.413 750.879 614.66 877.587l406.964-406.069-401.418 550.105L413.515 802.704 466.413 750.879z" fill="#1296db" p-id="6120"></path>
  5 +</svg>
... ...
public/home/12-power-bank.png 0 → 100644
View file @9373e3f

94.1 KB
public/home/13-Energy-storage.png 0 → 100644
View file @9373e3f

196 KB
public/home/2-Universal-consumables.png 0 → 100644
View file @9373e3f

106 KB
public/home/3-Low-dimensional-materials.png 0 → 100644
View file @9373e3f

161 KB
public/home/4-Material-evaluation.png 0 → 100644
View file @9373e3f

221 KB
public/home/5-R&D-foundry.png 0 → 100644
View file @9373e3f

402 KB
public/home/6-Chemical-system.png 0 → 100644
View file @9373e3f

251 KB
public/home/7-Semi-product-customization.png 0 → 100644
View file @9373e3f

249 KB
public/home/8_Electrochemical_performance.svg 0 → 100644
  View file @9373e3f
  1 +<?xml version="1.0" standalone="no"?>
  2 +<!DOCTYPE svg PUBLIC "-//W3C//DTDSVG1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
  3 +<svg t="1687246678802" class="icon" viewBox="0 -200 1024 1200" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1499" xmlns:xlink="http://www.w3.org/1999/xlink" width="300" height="250">
  4 + <path d="M805.888 170.496c-74.752 0-132.608 60.928-132.608 132.608 0 48.64 26.624 93.184 69.12 116.224l-124.416 193.536L499.712 532.48l-88.576 132.608-148.992-102.4-176.64 245.76v63.488h27.648l162.816-229.376 143.36 102.4 93.696-132.608 121.344 79.872 168.448-259.584h2.56c74.752 0 132.608-60.928 132.608-132.608S880.64 170.496 805.888 170.496z" fill="#1296db" p-id="1500"></path>
  5 +</svg>
... ...
public/home/9 Reliability testing.svg 0 → 100644
  View file @9373e3f
  1 +<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1687246755185" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1918" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M180.5312 690.0224a15.36 15.36 0 0 1-15.36-15.36V349.3376a15.36 15.36 0 0 1 30.72 0v325.3248a15.36 15.36 0 0 1-15.36 15.36zM758.9376 690.0224a15.36 15.36 0 0 1-15.36-15.36V349.3376a15.36 15.36 0 1 1 30.72 0v325.3248a15.36 15.36 0 0 1-15.36 15.36zM843.4688 628.5824a15.36 15.36 0 0 1-15.36-15.36V410.7776a15.36 15.36 0 0 1 30.72 0v202.4448a15.36 15.36 0 0 1-15.36 15.36z" fill="#1296db" p-id="1919"></path><path d="M758.9376 690.0224h-578.56a15.36 15.36 0 1 1 0-30.72h578.56a15.36 15.36 0 0 1 0 30.72zM758.9376 364.6976h-578.56a15.36 15.36 0 0 1 0-30.72h578.56a15.36 15.36 0 0 1 0 30.72zM843.4688 628.5824h-84.9408a15.36 15.36 0 0 1 0-30.72h84.9408a15.36 15.36 0 0 1 0 30.72zM843.4688 426.1376h-84.5312a15.36 15.36 0 0 1 0-30.72h84.5312a15.36 15.36 0 0 1 0 30.72zM292.2496 604.8768a15.36 15.36 0 0 1-10.24-26.88l176.5888-155.3408a15.36 15.36 0 1 1 20.48 23.04l-176.64 155.392a15.36 15.36 0 0 1-10.1888 3.7888zM468.3776 604.8768a15.36 15.36 0 0 1-10.24-26.88L634.88 422.656a15.36 15.36 0 0 1 20.48 23.04L478.5152 601.088a15.36 15.36 0 0 1-10.1376 3.7888z" fill="#1296db" p-id="1920"></path><path d="M468.7872 605.184a15.36 15.36 0 0 1-15.36-15.36V434.176a15.36 15.36 0 0 1 30.72 0v155.648a15.36 15.36 0 0 1-15.36 15.36z" fill="#1296db" p-id="1921"></path></svg>
0 2 \ No newline at end of file
... ...
public/home/others.svg 0 → 100644
  View file @9373e3f
  1 +<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1687247341041" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="8172" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M886.951936 438.203392c-63.514624 63.514624-166.499328 63.514624-230.013952 0l-63.895552-63.900672c-63.519744-63.514624-63.519744-166.494208 0-230.013952l63.895552-63.895552c63.515648-63.514624 166.499328-63.514624 230.013952 0l63.895552 63.895552c63.519744 63.519744 63.519744 166.499328 0 230.013952L886.951936 438.203392z" fill="#1296db" p-id="8173"></path><path d="M444.669952 304.477184c0 89.827328-72.81664 162.644992-162.644992 162.644992l-90.361856 0c-89.827328 0-162.644992-72.81664-162.644992-162.644992l0-90.361856c0-89.827328 72.81664-162.644992 162.644992-162.644992l90.361856 0c89.827328 0 162.644992 72.81664 162.644992 162.644992L444.669952 304.477184z" fill="#1296db" p-id="8174"></path><path d="M979.771392 828.194816c0 89.822208-72.81664 162.644992-162.644992 162.644992l-90.361856 0c-89.827328 0-162.644992-72.82176-162.644992-162.644992l0-90.366976c0-89.822208 72.81664-162.644992 162.644992-162.644992l90.361856 0c89.827328 0 162.644992 72.82176 162.644992 162.644992L979.771392 828.194816z" fill="#1296db" p-id="8175"></path><path d="M444.669952 828.194816c0 89.822208-72.81664 162.644992-162.644992 162.644992l-90.361856 0c-89.827328 0-162.644992-72.82176-162.644992-162.644992l0-90.366976c0-89.822208 72.81664-162.644992 162.644992-162.644992l90.361856 0c89.827328 0 162.644992 72.82176 162.644992 162.644992L444.669952 828.194816z" fill="#1296db" p-id="8176"></path></svg>
0 2 \ No newline at end of file
... ...
public/testing_hardware/CycleRate-test renamed to public/testing_hardware/1.png
View file @9373e3f

358 KB
public/testing_hardware/HL-temperature-oven renamed to public/testing_hardware/2.png
View file @9373e3f

106 KB
public/testing_hardware/High-temperature-oven.png renamed to public/testing_hardware/3.png
View file @9373e3f

96.2 KB
public/testing_hardware/Electrochemical-workstation.png renamed to public/testing_hardware/4.png
View file @9373e3f

102 KB
public/testing_hardware/BET.png renamed to public/testing_hardware/5.png
View file @9373e3f

162 KB
src/components/Header.vue
  View file @9373e3f
... ... @@ -17,10 +17,22 @@
17 17 </v-container>
18 18 <div class="tabs">
19 19 <div class="tw-max-w-[1200px] tw-mx-auto">
20   - <v-tabs v-model="tab" bg-color="blue-darken-1" slider-color="yellow-darken-4">
21   - <v-tab :value="1" to="/">Home </v-tab>
22   - <v-tab :value="2" to="/products">Products</v-tab>
23   - <v-tab :value="3" to="/contact">Contact</v-tab>
  20 + <v-tabs
  21 + v-model="tab"
  22 + bg-color="blue-darken-1"
  23 + slider-color="grey-lighten-3"
  24 + tab-slider-size="4px"
  25 + >
  26 + <v-tab :value="1" to="/"><span class="text-grey-lighten-3 tw-font-bold">Home</span> </v-tab>
  27 + <v-tab :value="2" to="/products"
  28 + ><span class="text-grey-lighten-3 tw-font-bold">Products</span></v-tab
  29 + >
  30 + <v-tab :value="3" to="/about"
  31 + ><span class="text-grey-lighten-3 tw-font-bold">About</span></v-tab
  32 + >
  33 + <v-tab :value="4" to="/contact"
  34 + ><span class="text-grey-lighten-3 tw-font-bold">Contact</span></v-tab
  35 + >
24 36 </v-tabs>
25 37 </div>
26 38 </div>
... ...
src/components/MainTitleList.vue
  View file @9373e3f
1 1 <template>
2   - <div class="text-blue-darken-2 text-h3 tw-text-center tw-mb-[32px]">
  2 + <div class="text-blue-darken-1 text-h3 tw-text-center tw-mb-[16px] font-weight-bold">
3 3 <div :class="titleCls">{{ title }}</div>
4 4 </div>
5   - <v-divider class="border-opacity-30 tw-mb-[16px]" color="" v-if="titleDivider"></v-divider>
6   - <div class="text-body-1 tw-text-left tw-mb-8">
7   - <span>{{ desc }}</span>
  5 + <div class="text-body-1 tw-max-w-[600px] tw-m-auto tw-mb-8">
  6 + <span class="">{{ desc }}</span>
8 7 <router-link :to="href" v-if="href">
9 8 <span
10   - class="font-weight-bold text-decoration-underline tw-inline-block tw-underline tw-text-sky-600 hover:tw-text-sky-800"
  9 + class="font-weight-bold text-decoration-underline tw-inline-block tw-underline tw-text-sky-500 hover:tw-text-sky-800"
11 10 >detail
12 11 <v-icon class="tw-mt-[-4px]" size="18" icon="mdi-arrow-right"></v-icon>
13 12 </span>
... ... @@ -18,17 +17,21 @@
18 17 <v-col v-for="(item, index) in list" :key="index" cols="12" :lg="lgCol" md="4" sm="6">
19 18 <v-hover v-slot="{ isHovering, props }" open-delay="200" :disabled="disabled">
20 19 <v-card
  20 + color="light-blue-darken-2"
  21 + variant="outlined"
21 22 :elevation="isHovering ? 16 : 2"
22 23 :class="{ 'on-hover': isHovering }"
23 24 class="mx-auto"
24   - height="350"
  25 + height="295"
25 26 width="260"
26 27 v-bind="props"
27 28 >
28 29 <v-img :src="item.imageUrl" />
29   - <v-card-text class="text-center font-weight-medium text-subtitle-1">
  30 + <div
  31 + class="text-center bg-light-blue-darken-2 tw-absolute tw-bottom-0 tw-text-center tw-w-full tw-h-9 tw-leading-9"
  32 + >
30 33 {{ item.name }}
31   - </v-card-text>
  34 + </div>
32 35 </v-card>
33 36 </v-hover>
34 37 </v-col>
... ... @@ -39,16 +42,20 @@
39 42 <v-col v-for="(item, index) in list" :key="index">
40 43 <v-hover v-slot="{ isHovering, props }" open-delay="200" :disabled="disabled">
41 44 <v-card
  45 + color="light-blue-darken-2"
  46 + variant="outlined"
42 47 :elevation="isHovering ? 16 : 2"
43 48 :class="{ 'on-hover': isHovering }"
44   - class="mx-auto pa-5"
  49 + class="pt-5 mx-auto"
45 50 height="350"
46 51 v-bind="props"
47 52 >
48   - <v-img :src="item.imageUrl" width="70%" class="text-center ma-auto" />
49   - <v-card-text class="text-center font-weight-medium text-subtitle-1">
  53 + <v-img :src="item.imageUrl" width="250" class="text-center ma-auto" />
  54 + <div
  55 + class="text-center bg-light-blue-darken-2 tw-absolute tw-bottom-0 tw-text-center tw-w-full tw-h-9 tw-leading-9"
  56 + >
50 57 {{ item.name }}
51   - </v-card-text>
  58 + </div>
52 59 </v-card>
53 60 </v-hover>
54 61 </v-col>
... ...
src/router/index.ts
  View file @9373e3f
... ... @@ -7,6 +7,7 @@ import Equipment from &#39;../views/Equipment.vue&#39;
7 7 import Customize from '../views/Customize.vue'
8 8 import Test from '../views/Test.vue'
9 9 import Pack from '../views/Pack.vue'
  10 +import About from '../views/About.vue'
10 11  
11 12 const router = createRouter({
12 13 history: createWebHistory(import.meta.env.BASE_URL),
... ... @@ -37,6 +38,11 @@ const router = createRouter({
37 38 component: Contact
38 39 },
39 40 {
  41 + path: '/about',
  42 + name: 'about',
  43 + component: About
  44 + },
  45 + {
40 46 path: '/equipment',
41 47 name: 'equipment',
42 48 component: Equipment
... ...
src/settings.scss 0 → 100644
  View file @9373e3f
  1 +@use 'vuetify/settings' with (
  2 + $tab-slider-size: 3px,
  3 + $card-border-color: '#0288D1'
  4 +);
... ...
src/views/About.vue 0 → 100644
  View file @9373e3f
  1 +<template>
  2 + <v-img src="/customization_hardware/banner.png" class="tw-mb-[64px]"></v-img>
  3 + <v-container>
  4 + <MainTitle title="Company Profile" />
  5 + <v-row>
  6 + <v-col>
  7 + <v-img src=""></v-img>
  8 + </v-col>
  9 + <v-col>
  10 + <p>1. 2015.2.11 was established in Songshan Lake High-tech Zone;</p>
  11 + <p>2. Registered capital of 1000W;</p>
  12 + <p>3. Main business of new energy technology development</p>
  13 + <p>4. (Customized/ equipment / testing / materials / new product development, etc.);</p>
  14 + <p>5. In 2017, it was approved as a national high-tech enterprise;</p>
  15 + <p>6. 120+ invention patents; 100 + authorized;</p>
  16 + <p>
  17 + 7. The plant area is 6,000 m 2, with 70 employees (the core team is from Ningde ATL/
  18 + Foxconn).
  19 + </p>
  20 + </v-col>
  21 + </v-row>
  22 +
  23 + <MainTitle title="Corporate Culture" class="tw-mt-[64px]" />
  24 + <v-row>
  25 + <v-col>
  26 + <v-card height="150">
  27 + <v-card-title>Vision</v-card-title>
  28 + <v-card-text>
  29 + the world's top one-stop serviceprovider in the field of new energy research
  30 + </v-card-text>
  31 + </v-card>
  32 + </v-col>
  33 + <v-col>
  34 + <v-card height="150">
  35 + <v-card-title>Vision</v-card-title>
  36 + <v-card-text>
  37 + the world's top one-stop serviceprovider in the field of new energy research
  38 + </v-card-text>
  39 + </v-card>
  40 + </v-col>
  41 + <v-col>
  42 + <v-card height="150">
  43 + <v-card-title>Values</v-card-title>
  44 + <v-card-text>Build a "industry-university-research" high-speed channel</v-card-text>
  45 + </v-card>
  46 + </v-col>
  47 + </v-row>
  48 + <MainTitle title="Milestone" class="tw-mt-[64px]" />
  49 + <v-timeline direction="horizontal">
  50 + <v-timeline-item dot-color="blue-lighten-1">
  51 + <template v-slot:opposite> <strong>2015</strong> </template>
  52 + <div>
  53 + <p>Canrd established</p>
  54 + </div>
  55 + </v-timeline-item>
  56 +
  57 + <v-timeline-item dot-color="deep-purple-accent-1">
  58 + <template v-slot:opposite> <strong>2017</strong> </template>
  59 + <div>
  60 + <p>National high-tech enterprise</p>
  61 + </div>
  62 + </v-timeline-item>
  63 +
  64 + <v-timeline-item dot-color="blue-lighten-1">
  65 + <template v-slot:opposite> <strong>2018</strong> </template>
  66 + <div>
  67 + <p>Customers exceed 2000+</p>
  68 + </div>
  69 + </v-timeline-item>
  70 + <v-timeline-item dot-color="deep-purple-accent-1">
  71 + <template v-slot:opposite> <strong>2020</strong> </template>
  72 + <div>
  73 + <p>Customized division</p>
  74 + <p>Testing division(Xia Men)</p>
  75 + </div>
  76 + </v-timeline-item>
  77 + <v-timeline-item dot-color="blue-lighten-1">
  78 + <template v-slot:opposite><strong>2021</strong> </template>
  79 + <div>
  80 + <p>Equipment division</p>
  81 + </div>
  82 + </v-timeline-item>
  83 + <v-timeline-item dot-color="deep-purple-accent-1">
  84 + <template v-slot:opposite> <strong>2022</strong> </template>
  85 + <div>
  86 + <p>R&D center(Houjie)</p>
  87 + <p>Pack division</p>
  88 + </div>
  89 + </v-timeline-item>
  90 + </v-timeline>
  91 + <div class="tw-mt-[48px]"></div>
  92 + <v-row>
  93 + <v-col>
  94 + <v-card height="100">
  95 + <v-card-title>Team</v-card-title>
  96 + <v-card-text
  97 + >Core team members are all from ATL/Foxconn 12+working experience
  98 + </v-card-text>
  99 + </v-card>
  100 + </v-col>
  101 + <v-col>
  102 + <v-card height="100">
  103 + <v-card-title>Patents</v-card-title>
  104 + <v-card-text>
  105 + More than 120 invention patents, covering materials, design, process, equipment and so
  106 + on
  107 + </v-card-text>
  108 + </v-card>
  109 + </v-col>
  110 + <v-col>
  111 + <v-card height="100">
  112 + <v-card-title>Hardware</v-card-title>
  113 + <v-card-text>Independent battery pilot line and equipment production line</v-card-text>
  114 + </v-card>
  115 + </v-col>
  116 + </v-row>
  117 + <v-row></v-row>
  118 + <ContentDescription
  119 + className="tw-mb-[16px] tw-mt-[48px]"
  120 + content="The combination of hardware and software creates strong research and development capabilities."
  121 + />
  122 + <ContentDescription
  123 + className="tw-mb-[16px]"
  124 + content="The invention patents cover new materials such as silicon carbon, graphene, lithium sulfur,
  125 + sodium electricity and lithium metal, as well as gel process, pre-lithium process and flexible
  126 + battery design."
  127 + />
  128 + </v-container>
  129 +</template>
  130 +
  131 +<script setup lang="ts">
  132 +import MainTitle from '@/components/MainTitle.vue'
  133 +import ContentDescription from '@/components/ContentDescription.vue'
  134 +</script>
  135 +
  136 +<style lang="less" scoped></style>
... ...
src/views/Home.vue
  View file @9373e3f
... ... @@ -25,54 +25,49 @@
25 25 desc="Leading global provider of energy storage research materials and providing other professional/universal experimental materials. "
26 26 />
27 27 </div>
28   - <v-container class="pt-0">
29   - <!-- 设备 -->
30   - <div class="tw-mb-[64px]">
31   - <MainTitleList
32   - titleCls="text-h4"
33   - title="Lab Device"
34   - titleDivider
35   - :list="lab.list"
36   - desc="Self-built High-precision Machining Center with Powerful Design and Manufacturing Capabilities. "
37   - href="/equipment"
38   - />
39   - </div>
40 28  
41   - <!-- Customized Battery -->
42   - <div class="tw-mb-[64px]">
43   - <MainTitleList
44   - titleCls="text-h4"
45   - :title="t('Customized Battery')"
46   - titleDivider
47   - :list="batteries"
48   - href="/customize"
49   - desc="200mAh~10Ah, Winding/Stacking, Unfilled/Filled Electrolyte Cells, Three-Electrode, and More. "
50   - />
51   - </div>
52   - <!-- Testing -->
53   - <div class="tw-mb-[64px]">
54   - <MainTitleList
55   - titleCls="text-h4"
56   - titleDivider
57   - :title="t('Testing')"
58   - :list="tests"
59   - href="/test"
60   - desc="Self built testing center and signed strategic cooperation with ATL, Tsinghua and other units. "
61   - />
62   - </div>
63   - <!-- Pack -->
64   - <div class="tw-mb-[64px]">
65   - <MainTitleList
66   - titleDivider
67   - titleCls="text-h4"
68   - :cardNum="3"
69   - :title="t('Pack')"
70   - href="/pack"
71   - :list="packs"
72   - desc="Focusing on energy materials/new energy storage systems/modules and other fields, mastering advanced technologies to provide high-quality services. "
73   - />
74   - </div>
75   - </v-container>
  29 + <!-- 设备 -->
  30 + <div class="bg-grey-lighten-5 tw-p-[64px]">
  31 + <MainTitleList
  32 + title="Lab Device"
  33 + :list="lab.list"
  34 + disabled
  35 + desc="Self-built High-precision Machining Center with Powerful Design and Manufacturing Capabilities. "
  36 + href="/equipment"
  37 + />
  38 + </div>
  39 +
  40 + <!-- Customized Battery -->
  41 + <div class="tw-p-[64px]">
  42 + <MainTitleList
  43 + :title="t('Customized Battery')"
  44 + :list="batteries"
  45 + disabled
  46 + href="/customize"
  47 + desc="200mAh~10Ah, Winding/Stacking, Unfilled/Filled Electrolyte Cells, Three-Electrode, and More. "
  48 + />
  49 + </div>
  50 + <!-- Testing -->
  51 + <div class="bg-grey-lighten-5 tw-p-[64px]">
  52 + <MainTitleList
  53 + disabled
  54 + :title="t('Testing')"
  55 + :list="tests"
  56 + href="/test"
  57 + desc="Self built testing center and signed strategic cooperation with ATL, Tsinghua and other units. "
  58 + />
  59 + </div>
  60 + <!-- Pack -->
  61 + <div class="tw-p-[64px]">
  62 + <MainTitleList
  63 + :cardNum="3"
  64 + :title="t('Pack')"
  65 + href="/pack"
  66 + disabled
  67 + :list="packs"
  68 + desc="Focusing on energy materials/new energy storage systems/modules and other fields, mastering advanced technologies to provide high-quality services. "
  69 + />
  70 + </div>
76 71 </template>
77 72  
78 73 <script setup lang="ts">
... ... @@ -100,20 +95,20 @@ const materials = [
100 95 { name: 'Low dimensional materials', imageUrl: '/home/3.svg' }
101 96 ]
102 97 const tests = [
103   - { name: 'Electrochemical performance' },
104   - { name: 'Reliability testing' },
105   - { name: 'Material testing' },
106   - { name: 'Calibration' }
  98 + { name: 'Electrochemical performance', imageUrl: '/home/8_Electrochemical_performance.svg' },
  99 + { name: 'Reliability testing', imageUrl: '/home/9 Reliability testing.svg' },
  100 + { name: 'Material testing', imageUrl: '/home/10 Material testing.svg' },
  101 + { name: 'Calibration', imageUrl: '/home/11 Calibration.svg' }
107 102 ]
108 103 const batteries = [
109   - { name: 'Material evaluation' },
110   - { name: 'R&D foundry' },
111   - { name: 'Chemical system' },
112   - { name: 'Semi product customization' }
  104 + { name: 'Material evaluation', imageUrl: '/home/4-Material-evaluation.png' },
  105 + { name: 'R&D foundry', imageUrl: '/home/5-R&D-foundry.png' },
  106 + { name: 'Chemical system', imageUrl: '/home/6-Chemical-system.png' },
  107 + { name: 'Semi product customization', imageUrl: '/home/7-Semi-product-customization.png' }
113 108 ]
114 109 const packs = [
115   - { name: 'Power bank' },
116   - { name: 'Energy storage' },
117   - { name: 'low-dimensional materials' }
  110 + { name: 'Power bank', imageUrl: '/home/12-power-bank.png' },
  111 + { name: 'Energy storage', imageUrl: '/home/13-Energy-storage.png' },
  112 + { name: 'low-dimensional materials', imageUrl: '/home/3-Low-dimensional-materials.png' }
118 113 ]
119 114 </script>
... ...
vite.config.ts
  View file @9373e3f
... ... @@ -8,7 +8,13 @@ import vuetify from &#39;vite-plugin-vuetify&#39;
8 8  
9 9 // https://vitejs.dev/config/
10 10 export default defineConfig({
11   - plugins: [vue(), vueJsx(), vuetify()],
  11 + plugins: [
  12 + vue(),
  13 + vueJsx(),
  14 + vuetify({
  15 + styles: { configFile: 'src/settings.scss' }
  16 + })
  17 + ],
12 18 resolve: {
13 19 alias: {
14 20 '@': fileURLToPath(new URL('./src', import.meta.url))
... ...