nastiNte-Ui/src/views/serviceItems/transport.vue

<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>