Customize.vue
7.13 KB
1
2
3
4
5
6
7
8
9
10
11
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
64
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
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
<template>
<v-img src="/banner/banner1.png"></v-img>
<div class="font-weight-medium text-white tw-bg-[url('/banner/top2.png')] tw-p-[64px]">
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&D
capabilities with over 10 years of experience. Resolving 100+ customized projects, serving 50+
clients. Services include material evaluation, R&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&D and production needs.
</div>
<div class="tw-p-[64px]">
<MainTitle title="Customization Hardware" className="tw-mb-[24px]" />
<v-divider class="tw-mb-[64px]"></v-divider>
<ContentDescription
className="tw-mb-[64px] tw-max-w-[600px] tw-m-auto font-weight-medium"
content="Coin cell preparation line with different machine such as mixing, coating, calendaring,
cutting, assembly and testing."
/>
<v-row>
<v-col cols="5">
<v-img src="/customization_hardware/1.png"></v-img>
</v-col>
<v-col class="2"></v-col>
<v-col cols="5">
<v-img src="/customization_hardware/2.png"></v-img>
</v-col>
</v-row>
<v-divider class="tw-my-[64px]"></v-divider>
<div class="tw-max-w-[600px] tw-m-auto font-weight-medium tw-mb-[32px]">
<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>
</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-row>
<v-col v-for="slide in slides" :key="slide"><v-img :src="slide"></v-img></v-col>
</v-row>
<v-divider class="tw-my-[64px]"></v-divider>
<div class="tw-max-w-[600px] tw-m-auto font-weight-medium tw-mb-[32px]">
<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>
</div>
<div class="bg-grey-lighten-5 tw-p-[64px]">
<MainTitle title="Succeed Case" className="tw-mb-[64px]" />
<div class="tw-relative tw-mb-[64px]">
<div
class="tw-w-[200px] tw-text-center bg-blue-darken-1 tw-rounded-[4px] tw-m-auto tw-text-[20px] tw-font-medium tw-relative tw-z-10"
>
customized types
</div>
<v-divider class="tw-absolute tw-top-[16px] tw-w-full"></v-divider>
</div>
<v-row class="mb-16">
<v-col v-for="slide in slideCases" :key="slide"><v-img :src="slide"></v-img></v-col>
</v-row>
<!-- <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> -->
<div class="tw-relative tw-mb-[64px]">
<div
class="tw-w-[210px] tw-text-center bg-blue-darken-1 tw-rounded-[4px] tw-m-auto tw-text-[20px] tw-font-medium tw-relative tw-z-10"
>
Material evaluation
</div>
<v-divider class="tw-absolute tw-top-[16px] tw-w-full"></v-divider>
</div>
<ContentDescription
className="tw-mb-[64px] tw-max-w-[600px] tw-m-auto font-weight-medium"
content="Comprehensive lithium battery material evaluation, covering key materials such as cathode, anode, electrolyte, separator, and conductive additives. Accurate testing to ensure high-performance batteries. Choose us to embark on the path of material innovation!."
/>
<v-table density="compact" class="tw-mb-[64px]">
<thead>
<tr class="bg-blue-lighten-1">
<th class="text-left text-white">Cathode</th>
<th class="text-left text-white">Anode</th>
<th class="text-left text-white">Electrolyte</th>
<th class="text-left text-white">Separator</th>
<th class="text-left text-white">Conductive carbon</th>
</tr>
</thead>
<tbody>
<tr class="bg-light-blue-lighten-5">
<td>1</td>
<td>2</td>
<td>1</td>
<td>2</td>
<td>1</td>
</tr>
<tr class="bg-light-blue-lighten-5">
<td>1</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
</tr>
</tbody>
</v-table>
<div class="tw-relative tw-mb-[64px]">
<div
class="tw-w-[220px] tw-text-center bg-blue-darken-1 tw-rounded-[4px] tw-m-auto tw-text-[20px] tw-font-medium tw-relative tw-z-10"
>
System development
</div>
<v-divider class="tw-absolute tw-top-[16px] tw-w-full"></v-divider>
</div>
<ContentDescription
className="tw-mb-[64px] tw-max-w-[600px] tw-m-auto font-weight-medium"
content="High temperature: mine safety helmet Low temperature: outdoor extreme cold applicationFast charging system development: fast charging power bank Water system battery development: new system development."
/>
<v-row class="mb-16">
<v-col v-for="slide in slideCases" :key="slide"><v-img :src="slide"></v-img></v-col>
</v-row>
</div>
</template>
<script setup lang="ts">
import MainTitleList from '@/components/MainTitleList.vue'
import MainTitle from '@/components/MainTitle.vue'
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'
]
const systems = ['/customization_case']
</script>
<style lang="less" scoped></style>