sanmu
authored
2 years ago
1
<template>
sanmu
authored
2 years ago
2
3
4
5
<v-img src="/banner/customize.jpg"></v-img>
<div
class="font-weight-bold tw-leading-[30px] text-white tw-bg-[url('/banner/top2.png')] tw-p-[64px]"
>
sanmu
authored
2 years ago
6
7
8
9
10
11
12
13
14
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>
sanmu
authored
2 years ago
15
<div class="tw-p-[64px] tw-px-[128px]">
sanmu
authored
2 years ago
16
17
<MainTitle title="Customization Hardware" className="tw-mb-[24px]" />
<v-divider class="tw-mb-[64px]"></v-divider>
sanmu
authored
2 years ago
18
<ContentDescription
sanmu
authored
2 years ago
19
className="tw-mb-[64px] tw-max-w-[600px] tw-m-auto font-weight-medium text-grey-darken-1"
sanmu
authored
2 years ago
20
21
content="Coin cell preparation line with different machine such as mixing, coating, calendaring,
cutting, assembly and testing."
sanmu
authored
2 years ago
22
/>
sanmu
authored
2 years ago
23
24
25
26
27
28
29
30
31
32
<v-container>
<v-row>
<v-col cols="6">
<v-img src="/customization_hardware/1.png"></v-img>
</v-col>
<v-col cols="6">
<v-img src="/customization_hardware/2.png"></v-img>
</v-col>
</v-row>
</v-container>
sanmu
authored
2 years ago
33
<v-divider class="tw-my-[64px]"></v-divider>
sanmu
authored
2 years ago
34
<div class="tw-max-w-[600px] tw-m-auto font-weight-medium tw-mb-[32px] text-grey-darken-1">
sanmu
authored
2 years ago
35
36
37
38
39
40
<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>
sanmu
authored
2 years ago
41
42
43
44
45
<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>
sanmu
authored
2 years ago
46
47
48
49
</v-slide-group> -->
<v-row>
<v-col v-for="slide in slides" :key="slide"><v-img :src="slide"></v-img></v-col>
</v-row>
sanmu
authored
2 years ago
50
sanmu
authored
2 years ago
51
<v-divider class="tw-my-[64px]"></v-divider>
sanmu
authored
2 years ago
52
<div class="tw-max-w-[600px] tw-m-auto font-weight-medium tw-mb-[32px] text-grey-darken-1">
sanmu
authored
2 years ago
53
54
55
56
57
58
59
60
<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>
sanmu
authored
2 years ago
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
<v-col>
<v-card>
<v-img src="/customization_hardware/9.png"></v-img>
<v-card-title class="tw-text-center text-subtitle-1">5L mixing</v-card-title>
</v-card>
</v-col>
<v-col>
<v-card>
<v-img src="/customization_hardware/10.png"></v-img>
<v-card-title class="tw-text-center text-subtitle-1">5L mixing</v-card-title>
</v-card>
</v-col>
<v-col
><v-card>
<v-img src="/customization_hardware/11.png"></v-img>
<v-card-title class="tw-text-center text-subtitle-1">5L mixing</v-card-title>
</v-card>
</v-col>
sanmu
authored
2 years ago
80
</v-row>
sanmu
authored
2 years ago
81
82
</div>
sanmu
authored
2 years ago
83
<div class="bg-grey-lighten-5 tw-py-[64px] tw-px-[128px]">
sanmu
authored
2 years ago
84
85
86
87
88
89
90
91
92
93
94
<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">
sanmu
authored
2 years ago
95
96
97
98
99
100
<v-col v-for="slide in slideCases" :key="slide.title">
<!-- <v-card> -->
<v-img :src="slide.imageUrl"></v-img>
<v-card-title class="tw-text-center text-subtitle-1"> {{ slide.title }}</v-card-title>
<!-- </v-card> -->
</v-col>
sanmu
authored
2 years ago
101
</v-row>
sanmu
authored
2 years ago
102
sanmu
authored
2 years ago
103
<!-- <v-slide-group class="pa-4" selected-class="bg-success" show-arrows>
sanmu
authored
2 years ago
104
105
106
107
108
<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>
sanmu
authored
2 years ago
109
110
</v-slide-group> -->
sanmu
authored
2 years ago
111
<div class="tw-relative tw-pb-[64px]">
sanmu
authored
2 years ago
112
<div
sanmu
authored
2 years ago
113
class="tw-mb-[64px] 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"
sanmu
authored
2 years ago
114
115
116
117
>
Material evaluation
</div>
<v-divider class="tw-absolute tw-top-[16px] tw-w-full"></v-divider>
sanmu
authored
2 years ago
118
119
120
121
122
123
124
<ContentDescription
className="tw-mb-[64px] tw-max-w-[600px] tw-m-auto font-weight-medium text-grey-darken-1"
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-img src="/customization_case/table.png"></v-img>
sanmu
authored
2 years ago
125
</div>
sanmu
authored
2 years ago
126
<!-- <v-table density="compact" class="tw-mb-[64px]">
sanmu
authored
2 years ago
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
<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>
sanmu
authored
2 years ago
152
</v-table> -->
sanmu
authored
2 years ago
153
154
155
156
157
158
159
160
161
162
163
<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
sanmu
authored
2 years ago
164
className="tw-mb-[64px] tw-max-w-[600px] tw-m-auto font-weight-medium text-grey-darken-1"
sanmu
authored
2 years ago
165
166
167
168
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">
sanmu
authored
2 years ago
169
170
<!-- <v-col v-for="slide in slideCases" :key="slide"><v-img :src="slide"></v-img></v-col> -->
<v-img src="/customization_case/b.png"></v-img>
sanmu
authored
2 years ago
171
172
</v-row>
</div>
sanmu
authored
2 years ago
173
174
175
176
</template>
<script setup lang="ts">
import MainTitleList from '@/components/MainTitleList.vue'
sanmu
authored
2 years ago
177
import MainTitle from '@/components/MainTitle.vue'
sanmu
authored
2 years ago
178
179
180
181
182
183
184
185
186
187
import ContentDescription from '@/components/ContentDescription.vue'
const slides = [
'/customization_hardware/3.png',
'/customization_hardware/4.png',
'/customization_hardware/5.png',
'/customization_hardware/6.png'
]
const slideCases = [
sanmu
authored
2 years ago
188
189
190
191
{ imageUrl: '/customization_case/1.png', title: '1.Semi-finished product' },
{ imageUrl: '/customization_case/2.png', title: 'Material evaluation' },
{ imageUrl: '/customization_case/3.png', title: 'System development' },
{ imageUrl: '/customization_case/4.png', title: 'New product customization' }
sanmu
authored
2 years ago
192
193
// '/customization_case/5.png'
]
sanmu
authored
2 years ago
194
195
const systems = ['/customization_case']
sanmu
authored
2 years ago
196
197
198
</script>
<style lang="less" scoped></style>