新增项目物流、中欧铁路物流、冷链物流、仓储运输页面

src/views/serviceItems/coldChain.vue

@@ -0,0 +1,40 @@
+<template>
+  <div>
+    <div class="content" style="text-align: left;width: 80%;margin: 0 auto">
+      <h1 style="text-align: center">冷链物流</h1>
+      <p><b>冷链物流：</b></p>
+      <p style="text-indent:2em;">冷链物流服务是本公司针对于运送生鲜类货物的客户的一项专属服务。保障了对于配送温度控制方面要求较高的生鲜类、冻品类的商品品质，我们会按照各种生鲜类货物的要求，采取定制化、个性化的方案，竭力满足客户在冷链运输上的所有需求。</p>
+      <hr style="border: 1px dashed #2A328E">
+      <div style="display: flex;justify-content: space-between;">
+        <div style="width: 30%">
+          <img src="../../assets/cold/cold1.jpg" width="100%" alt="">
+        </div>
+        <div style="width: 30%">
+          <img src="../../assets/cold/cold2.jpg" width="100%" alt="">
+        </div>
+        <div style="width: 30%">
+          <img src="../../assets/cold/cold3.jpg" width="100%" alt="">
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "coldChain"
+}
+</script>
+
+<style scoped>
+* {
+  font-family: "Microsoft YaHei", Arial, sans-serif, Helvetica;
+}
+.content {
+  line-height: 1.8;
+}
+h1 {
+  color: #0051a2;
+  font-family: "arial";
+}
+</style>

src/views/serviceItems/project.vue

@@ -0,0 +1,38 @@
+<template>
+  <div class="content" style="text-align: left;width: 80%;margin: 0 auto">
+    <h1 style="text-align: center">项目物流</h1>
+    <p><b>项目物流：</b></p>
+    <p style="text-indent:2em;">根据客户需求及行业特点，我司可提供定制化、差异化的解决方案，包括物流服务方案和客户服务方案</p>
+    <hr style="border: 1px dashed #2A328E">
+    <div style="display: flex;justify-content: space-between;">
+      <div style="width: 30%">
+        <img src="../../assets/project/project1.jpg" width="100%" alt="">
+      </div>
+      <div style="width: 30%">
+        <img src="../../assets/project/project2.jpg" width="100%" alt="">
+      </div>
+      <div style="width: 30%">
+        <img src="../../assets/project/project3.jpg" width="100%" alt="">
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "project"
+}
+</script>
+
+<style scoped>
+* {
+  font-family: "Microsoft YaHei", Arial, sans-serif, Helvetica;
+}
+.content {
+  line-height: 1.8;
+}
+h1 {
+  color: #0051a2;
+  font-family: "arial";
+}
+</style>

src/views/serviceItems/railway.vue

@@ -0,0 +1,39 @@
+<template>
+  <div>
+    <div class="content" style="text-align: left;width: 80%;margin: 0 auto">
+      <h1 style="text-align: center">中欧铁路物流</h1>
+      <p><b>中欧铁路物流：</b></p>
+      <p style="text-indent:2em;">公司在铁路服务方面也拥有一批高素质、操作经验丰富的专业团队，擅长组织大型项目工程设备、大件、超限货物的运输，从中国内陆运往中国周边国家及欧洲，以及以上地区进口到中国内地的铁路运输。中电物流在国际铁路联运、国际多式联运、国境运输、进出口联运车皮计划、在途货物运行跟踪、门到门服务等方面具有明显优势。</p>
+      <hr style="border: 1px dashed #2A328E">
+      <div style="display: flex;justify-content: space-between;">
+        <div style="display: flex;justify-content: space-between;">
+          <div style="width: 45%">
+            <img src="../../assets/railway/railway1.jpg" width="100%" alt="">
+          </div>
+          <div style="width: 45%">
+            <img src="../../assets/railway/railway2.jpg" width="100%" alt="">
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "railway"
+}
+</script>
+
+<style scoped>
+* {
+  font-family: "Microsoft YaHei", Arial, sans-serif, Helvetica;
+}
+.content {
+  line-height: 1.8;
+}
+h1 {
+  color: #0051a2;
+  font-family: "arial";
+}
+</style>

src/views/serviceItems/transport.vue

@@ -0,0 +1,41 @@
+<template>
+  <div>
+    <div class="content" style="text-align: left;width: 80%;margin: 0 auto">
+      <h1 style="text-align: center">仓储运输</h1>
+      <p><b>仓储运输：</b></p>
+      <p style="text-indent:2em;">专业从事国内货物长途整车、零担配载运输、大件运输、货物仓储、仓储管理。</p>
+      <p style="text-indent:2em;">我司每年代理进口及运输20多万吨棉花，10万吨芝麻等货物，并为客户进行仓储管理，所管理的20余个仓库遍布山东省，依托先进的仓储物流平台管理系统，可以给客户提供便捷、安全、随时随地可监控的仓储管理，彻底解决客户的后顾之忧。</p>
+      <hr style="border: 1px dashed #2A328E">
+      <div style="display: flex;justify-content: space-between;">
+        <div style="width: 30%">
+          <img src="../../assets/transport/transport1.jpg" width="100%" alt="">
+        </div>
+        <div style="width: 30%">
+          <img src="../../assets/transport/transport2.jpg" width="100%" alt="">
+        </div>
+        <div style="width: 30%">
+          <img src="../../assets/transport/transport3.jpg" width="100%" alt="">
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "transport"
+}
+</script>
+
+<style scoped>
+* {
+  font-family: "Microsoft YaHei", Arial, sans-serif, Helvetica;
+}
+.content {
+  line-height: 1.8;
+}
+h1 {
+  color: #0051a2;
+  font-family: "arial";
+}
+</style>