Test.vue
3.81 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
<template>
<v-img src="/customization_hardware/banner.png"></v-img>
<v-container>
<ContentDescription
content="统一说明的文案区域统一说明的文案区域统一说明的文案区域统一说明的文案区域统一说明的文案区域统一说明的文案区域统一说明的文案区域统一说明的文案区域统一说明的文案区域统一说明的文案区域统一说明的文案区域统一说明的文案区域统一说明的文案区域统一说明的文案区域统一说明的文案区域统一说明的文案区域统一说明的文案区域统一说明的文案区域统一说明的文案区域"
/>
<div class="text-blue-darken-2 text-h3 tw-text-center tw-mb-8">Customization Hardware</div>
<div class="tw-text-justify tw-mb-[16px]">
uCoin cell preparation line with differentmachine such as mixing, coating, calendaring,
cutting, assembly and testing
</div>
<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'
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>