index.vue
4.09 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
<template>
<view class="content" style="background:' #1EBB81'">
<custom-tabs type="c1" :value="value" @change="changeIndex" :activeTextStyle="{color:'#fff', background:' #1EBB81',width:'48%', 'border-radius': '5px'}"
:defaultTextStyle="{width:'48%'}" :duration="1500">
<custom-tab-pane label="勾臂车" name="c1_1" >
<view class="content1">
<view>
<image :src="combinationImagePath('goubiche.png')" />
</view>
<view>
<view class="title">勾臂车简介</view>
<view> </view>
<view class="content">说起勾臂垃圾车，好多人都不懂勾臂垃圾车是什么？其实很简单，勾臂垃圾车是一个很普遍常用的垃圾车型，它由二类底盘、拉臂结构、液压系统、控制系统、箱体组成；因此勾臂垃圾车也叫拉臂垃圾车，主要适用于市政环卫、工厂矿区、物业小区等人口集中密集的居民区.实现一车配多个垃圾箱，一辆车就可以维持数个垃圾收集站的运转，效率高，操作稳定简单，结构简单，机械化程度高，且箱体为密封式设计，避免了环境的二次污染。</view>
<view> </view>
<view class="content">带钩臂式密闭式回收箱的新型环保装修垃圾运输车辆配备液压式勾臂系统，配套使用放置在小区及地下室的不同尺寸的密闭式装修垃圾回收箱，回收箱保证全封闭，无渗漏，箱内无死角，卸货干净；货厢外形平顺，无加强筋外露，车厢内板材料采用高强度钢板，保证足够厚度及强度，保证装运作业时不发生永久性变形。</view>
</view>
</view>
</custom-tab-pane>
<custom-tab-pane label="自卸车" name="c1_2">
<view class="content1">
<view>
<image :src="combinationImagePath('zixieche.jpg')" />
</view>
<view>
<view class="title">自卸车简介</view>
<view> </view>
<view class="content">自卸车是指通过液压或机械举升而自行卸载货物的车辆。又称翻斗车。由汽车底盘、液压举升机构、货厢和取力装置等部件组成。</view>
<view class="content">自卸车的车厢分后向倾翻和侧向倾翻两种，通过操纵系统控制活塞杆运动，后向倾翻较普遍，推动活塞杆使车厢倾翻，少数双向倾翻。</view>
<view class="content">自卸车按其用途可分为两大类：一类属于非公路运输用的重型和超重型（额定载质量20吨以上）自卸车。主要承担大型矿山、工程等运输任务，通常与挖掘机配套使用。另一类属于公路运输用的轻、中、重型（额定载质量载2～20吨）普通自卸车。主要承担砂石、泥土、煤炭等松散货物运输，通常与装载机配套使用。</view>
<view> </view>
<view class="content">新型环保智能装修垃圾运输车使用自动开合全密闭式顶盖的U型货厢，货厢内无死角，卸货干净；货厢外形平顺，无加强筋外露，货厢外侧不易积土挂泥；货厢内板材料采用高强度钢板，保证装运作业时不发生永久性变形。</view>
</view>
</view>
</custom-tab-pane>
</custom-tabs>
</view>
</template>
<script setup>
import{ref} from "vue";
const currentIndexValue = ref(0)
// const tabs =['勾臂车','自卸车']
const combinationImagePath=(imagePath)=>{
return import.meta.env.VITE_BASE_URL+"/"+imagePath;
}
</script>
<style lang="scss" scoped>
.title{
color:black;font-size: 16px;font-weight: bold;
}
.content{
color:#909399;font-size: 15px;font-weight: lighter;font-family:"宋体"
}
.content1{
background-color: #FFF;
margin: 15px;
border-radius:0.46875rem
}
</style>