Blame view

src/views/Customize.vue 4.01 KB
sanmu authored
1
2
3
4
<template>
  <v-img src="/customization_hardware/banner.png"></v-img>
  <v-container>
    <ContentDescription
sanmu authored
5
6
7
8
9
10
11
      content="Leading hardware support for customized battery solutions. Independent prototyping line covers the entire process. Equipped with a soft-pack development line and a -50°C drying room to meet various needs. Two lithium metal pouch cell preparation options provided. Strong R&amp;D capabilities with over 10 years of experience. Resolving 100+ customized projects, serving 50+ clients. Services include material evaluation, R&amp;D contract manufacturing, new system development, and finished/semi-finished products. Breakthroughs in high-temperature, low-temperature, and fast-charging fields. Production and sales of high-quality lithium-ion batteries. Choose us to meet your R&amp;D and production needs."
    />
    <MainTitle title="Customization Hardware" />
    <ContentDescription
      class="tw-mb-[8px]"
      content="Coin cell preparation line with different machine such as mixing, coating, calendaring,
      cutting, assembly and testing."
sanmu authored
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
    />
    <v-row>
      <v-col>
        <v-img src="/customization_hardware/1.png"></v-img>
      </v-col>
      <v-col>
        <v-img src="/customization_hardware/2.png"></v-img>
      </v-col>
    </v-row>
    <v-divider class="tw-mt-[24px] tw-mb-[24px]"></v-divider>
    <div>1、Pouch cell pilot line with different humidity control requirement</div>
    <div>2、Dry room for other process</div>
    <div>3、Dry room for mixing and coating with -30℃ humidity</div>
    <div>4、(before electrolyte injection)with -40℃ humidity</div>
    <v-slide-group class="pa-4" selected-class="bg-success" show-arrows>
      <v-slide-group-item v-for="slide in slides" :key="slide">
        <v-card :class="['ma-2']" width="360">
          <v-img :src="slide"></v-img>
        </v-card>
      </v-slide-group-item>
    </v-slide-group>
    <v-divider class="tw-mt-[24px] tw-mb-[24px]"></v-divider>

    <div class="tw-mb-[24px]">
      <div>1、There are different capacity for mixing(5L,10L and 30L)</div>
      <div>2、Dry room for high Ni cathode pouch cell preparation(-30℃ humidity)</div>
      <div>
        3、Different solution to prepare lithium metal pouch cell(glove box with 0.1ppm condition or
        -50℃ dry room)
      </div>
    </div>
    <v-row>
      <v-col><v-img src="/customization_hardware/9.png"></v-img></v-col>
      <v-col><v-img src="/customization_hardware/10.png"></v-img></v-col>
      <v-col><v-img src="/customization_hardware/11.png"></v-img></v-col>
    </v-row>
    <v-divider class="tw-mt-[24px] tw-mb-[24px]"></v-divider>

    <div class="text-blue-darken-2 text-h3 tw-text-center tw-mb-8">Succeed Case</div>
    <div class="tw-text-center">customized types</div>
    <v-slide-group class="pa-4" selected-class="bg-success" show-arrows>
      <v-slide-group-item v-for="slide in slideCases" :key="slide">
        <v-card :class="['ma-2']" width="360">
          <v-img :src="slide"></v-img>
        </v-card>
      </v-slide-group-item>
    </v-slide-group>
  </v-container>
</template>

<script setup lang="ts">
import MainTitleList from '@/components/MainTitleList.vue'
sanmu authored
64
import MainTitle from '@/components/MainTitle.vue'
sanmu authored
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
import ContentDescription from '@/components/ContentDescription.vue'

const equipments = [
  { name: 'Precision grinder', imageUrl: '/equipment/precision-grinder.png' },
  { name: 'Numerical control machine', imageUrl: '/equipment/numerical-control-machine.png' },
  { name: 'Arm brace', imageUrl: '/equipment/arm-brace.png' },
  {
    name: 'CNC high-speed precision carving machine',
    imageUrl: '/equipment/cnc-high-speed-precision-carving-machine.png'
  }
]

const slides = [
  '/customization_hardware/3.png',
  '/customization_hardware/4.png',
  '/customization_hardware/5.png',
  '/customization_hardware/6.png'
]

const slideCases = [
  '/customization_case/1.png',
  '/customization_case/2.png'
  // '/customization_case/3.png',
  // '/customization_case/4.png',
  // '/customization_case/5.png'
]
</script>

<style lang="less" scoped></style>