customize.vue
10.4 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
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
<template>
<v-img src="/banner/customize.jpg" alt="canrud" v-if="!isMobile()"></v-img>
<v-img src="/mobile/banner-custo1.png" alt="canrud" v-if="isMobile()"></v-img>
<div class="font-weight-bold tw-leading-[30px] text-white tw-bg-[url('/banner/top2.png')] tw-p-4 sm:tw-p-8">
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-[32px] sm:tw-pt-[64px] sm:tw-px-[128px]">
<div class="mb-4 mb-sm-8 text-blue-darken-1 tw-text-center text-h5 text-sm-h4 mb-sm-6">
<b>Customization Hardware</b>
</div>
<v-divider class="mb-8 mb-sm-16"></v-divider>
<ContentDescription className=" mb-4 mb-sm-16 tw-max-w-[600px] tw-m-auto font-weight-medium text-grey-darken-1"
content="Coin cell preparation line with different machine such as mixing, coating, calendaring,
cutting, assembly and testing." />
<v-container class="px-0 px-sm-16">
<v-row class="tw-justify-between">
<v-col cols="6" sm="5">
<v-img src="/customization_hardware/1.png" alt="canrud"></v-img>
</v-col>
<v-col cols="6" sm="5">
<v-img src="/customization_hardware/2.png" alt="canrud"></v-img>
</v-col>
</v-row>
</v-container>
<v-divider class="my-8 my-sm-16"></v-divider>
<div class="tw-max-w-[600px] tw-m-auto font-weight-medium tw-mb-[32px] text-grey-darken-1">
<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-if="!isMobile()">
<v-col v-for="slide in slides" :key="slide"><v-img :src="slide" alt="canrud"></v-img></v-col>
</v-row>
<v-carousel height="298" width="318" interval="3000" cycle :continuous="false" :show-arrows="false"
hide-delimiter-background v-if="isMobile()">
<v-carousel-item v-for="n in slides" :key="n">
<v-sheet color="grey-lighten-1" height="298" width="318" class="mx-auto" border="none">
<!-- <v-card-title class="tw-text-center text-subtitle-1">{{ n.name }}</v-card-title> -->
<v-img :src="n" alt="canrud"></v-img>
</v-sheet>
</v-carousel-item>
</v-carousel>
<v-divider class="my-8 my-sm-16"></v-divider>
<div class="tw-max-w-[600px] tw-m-auto font-weight-medium tw-mb-[32px] text-grey-darken-1">
<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-if="!isMobile()">
<v-col v-for="img in imgs" :key="img.name">
<v-card>
<v-img :src="img.imageUrl" alt="canrud"></v-img>
<v-card-title class="tw-text-center text-subtitle-1">{{ img.name }}</v-card-title>
</v-card>
</v-col>
</v-row>
<v-carousel height="350" width="318" interval="3000" cycle :continuous="false" :show-arrows="false"
hide-delimiter-background v-if="isMobile()">
<v-carousel-item v-for="n in imgs" :key="n.imageUrl">
<v-sheet color="grey-lighten-1" height="340" width="318" class="mx-auto" border="none">
<v-card-title class="tw-text-center text-subtitle-1">{{ n.name }}</v-card-title>
<v-img :src="n.imageUrl" alt="canrud"></v-img>
</v-sheet>
</v-carousel-item>
</v-carousel>
</div>
<div class="tw-p-[32px] sm:tw-py-[64px] sm:tw-px-[128px] bg-grey-lighten-5">
<div class="mb-4 mb-sm-16 text-blue-darken-1 text-h5 text-sm-h4 tw-text-center">
<b>Succeed Case</b>
</div>
<div class="mb-8 tw-relative mb-sm-16">
<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">
customized types
</div>
<v-divider class="tw-absolute tw-top-[16px] tw-w-full"></v-divider>
</div>
<v-row class="mb-8 px-sm-16 tw-justify-between mb-sm-16 tw-flex">
<v-col v-for="slide in slideCases" :key="slide.title" cols="6" sm="5">
<!-- <v-card> -->
<v-img :src="slide.imageUrl" :alt="slide.title"></v-img>
<v-card-title class="tw-text-center text-subtitle-1"> {{ slide.title }}</v-card-title>
<!-- </v-card> -->
</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="pb-8 tw-relative pb-sm-16">
<div
class="mb-8 mb-sm-16 tw-w-[210px] tw-text-center bg-blue-darken-1 tw-rounded-[4px] tw-m-auto tw-text-[20px] tw-font-medium tw-relative">
Material evaluation
</div>
<v-divider class="tw-absolute tw-top-[16px] tw-w-full"></v-divider>
<ContentDescription className="mb-8 mb-sm-16 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" alt="canrud"></v-img>
</div>
<!-- <v-table density="compact" class="mb-8 mb-sm-16">
<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="mb-8 tw-relative mb-sm-16">
<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">
System development
</div>
<v-divider class="tw-absolute tw-top-[16px] tw-w-full"></v-divider>
</div>
<ContentDescription className="mb-8 mb-sm-16 tw-max-w-[600px] tw-m-auto font-weight-medium text-grey-darken-1"
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-img src="/customization_case/b.png" alt="canrud"></v-img>
</v-row>
</div>
</template>
<script setup lang="ts">
import ContentDescription from '@/components/ContentDescription.vue'
import { isMobile } from '~/utils'
useHead({
title: 'About Us',
meta: [
{
name: 'title',
content:
'科路得,Hardware support,Customized battery solutions,Prototyping line,Soft-pack development line,Lithium metal pouch cell,R&D capabilities,Material evaluation,R&D contract manufacturing,High-temperature,Lithium-ion batteries',
}, {
name: 'keywords',
content:
'科路得,Hardware support,Customized battery solutions,Prototyping line,Soft-pack development line,Lithium metal pouch cell,R&D capabilities,Material evaluation,R&D contract manufacturing,High-temperature,Lithium-ion batteries',
}, {
name: 'description',
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&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.'
},
],
})
const slides = [
'/customization_hardware/3.png',
'/customization_hardware/4.png',
'/customization_hardware/5.png',
'/customization_hardware/6.png'
]
const slideCases = [
{ 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' }
// '/customization_case/5.png'
]
const imgs = [
{ name: '5L mixing', imageUrl: '/customization_hardware/9.png' },
{ name: '30L mixing', imageUrl: '/customization_hardware/10.png' },
{ name: 'Li metal pouch cell', imageUrl: '/customization_hardware/11.png' }
]
</script>
<style lang="less" scoped></style>