一些改动

zhangwei

2025-12-23 58f8f8dcc6b0a86eb7ed3d4b8acb7778614a0213

 src/views/aboutus/service.vue

@@ -8,10 +8,10 @@
    </div>
    <div class="w-100 chuany-font14 chuany-text-black coreshop-bg-white">
        <p class="chuany-text-center chuany-text-bold chuany-font38 pt-14" style="color:#000;">物流配送</p>
        <div class="content flex justify-between  pt-14 pb-20">
            <div
        <div class="w-[100%] flex justify-center items-center  pt-14 pb-20 ">
            <el-image style="" :src="wuliu" :fit="fit"></el-image>
            <!-- <div
                class="w-[358.5px] h-[221.5px] rounded-[20px] bg-[#F3F3F3] text-[#000] pl-10 pt-8 hover:bg-[#0E61CE] hover:text-[#fff] cursor-pointer">
                <!-- <el-image style="width: 100px; height: 100px" :src="car" ></el-image> -->
                <i class="iconfont icon-truck   text-6xl my-icon" style="font-size: 80px;"></i>
                <p
                    class="font-['Source_Han_Sans_SC'] font-medium text-[28px] leading-[38px] tracking-[4%]  text-center capitalize mt-10 ">
@@ -19,7 +19,6 @@
            </div>
            <div
                class="w-[358.5px] h-[221.5px] rounded-[20px] bg-[#F3F3F3] text-[#000] pl-10 pt-8 hover:bg-[#0E61CE] hover:text-[#fff] cursor-pointer">
                <!-- <el-image style="width: 100px; height: 100px" :src="car1" ></el-image> -->
                <i class="iconfont icon-huoche   text-6xl" style="font-size: 80px;"></i>

                <p
@@ -28,13 +27,11 @@
            </div>
            <div
                class="w-[358.5px] h-[221.5px] rounded-[20px] bg-[#F3F3F3] text-[#000] pl-10 pt-8 hover:bg-[#0E61CE] hover:text-[#fff] cursor-pointer">
                <!-- <el-image style="width: 100px; height: 100px" :src="safe" ></el-image> -->

                <i class="iconfont icon-safe  text-6xl" style="font-size: 80px;"></i>
                <p
                    class="font-['Source_Han_Sans_SC'] font-medium text-[28px] leading-[38px] tracking-[4%] capitalize text-center pt-10 ">
                    确保准时安全送达</p>
            </div>
            </div> -->
        </div>
    </div>
    <div class="bg-[#F8F9FB] pt-24 relative">
@@ -42,12 +39,12 @@
            <p class="chuany-text-bold chuany-font28">服务承诺</p>
            <div class="flex justify-between">
                <div  class="font-['Source_Han_Sans_SC'] font-medium text-[24px] leading-[100px] tracking-[4%] text-justify capitalize">
                    <p><span class="font-['Figtree'] font-medium text-[36px] leading-[100px] tracking-[4%] text-justify capitalize pr-5">01</span>专人接单、跟单</p>
                    <p><span class="font-['Figtree'] font-medium text-[36px] leading-[100px] tracking-[4%] text-justify capitalize pr-5">02</span>按时交货</p>
                    <p><span class="font-['Figtree'] font-medium text-[36px] leading-[100px] tracking-[4%] text-justify capitalize pr-5">03</span>全部产品由成都市最好的印前、印刷、装订设备生产</p>
                    <p><span class="font-['Figtree'] font-medium text-[36px] leading-[100px] tracking-[4%] text-justify capitalize pr-5">04</span>印刷、装订质量无可挑剔</p>
                    <p><span class="font-['Figtree'] font-medium text-[36px] leading-[100px] tracking-[4%] text-justify capitalize pr-5">05</span>为客户提供政府采购招投标咨询服务</p>
                    <p><span class="font-['Figtree'] font-medium text-[36px] leading-[100px] tracking-[4%] text-justify capitalize pr-5">06</span>协助客户需求论证、编制采购文件</p>
                    <p class=" cursor-pointer hover:text-[#0E61CE]"><span class="font-['Figtree'] font-medium text-[36px] leading-[100px] tracking-[4%] text-justify capitalize pr-5">01</span>专人接单、跟单</p>
                    <p class=" cursor-pointer hover:text-[#0E61CE]"><span class="font-['Figtree'] font-medium text-[36px] leading-[100px] tracking-[4%] text-justify capitalize pr-5">03</span>全部产品由成都市最好的印前、印刷、装订设备生产</p>
                    <p class=" cursor-pointer hover:text-[#0E61CE]"><span class="font-['Figtree'] font-medium text-[36px] leading-[100px] tracking-[4%] text-justify capitalize pr-5">02</span>按时交货</p>
                    <p class=" cursor-pointer hover:text-[#0E61CE]"><span class="font-['Figtree'] font-medium text-[36px] leading-[100px] tracking-[4%] text-justify capitalize pr-5">04</span>印刷、装订质量无可挑剔</p>
                    <p class=" cursor-pointer hover:text-[#0E61CE]"><span class="font-['Figtree'] font-medium text-[36px] leading-[100px] tracking-[4%] text-justify capitalize pr-5">05</span>为客户提供政府采购招投标咨询服务</p>
                    <p class=" cursor-pointer hover:text-[#0E61CE]"><span class="font-['Figtree'] font-medium text-[36px] leading-[100px] tracking-[4%] text-justify capitalize pr-5">06</span>协助客户需求论证、编制采购文件</p>
                </div>
                <el-image style="width: 480px; height: 747px" :src="promise"></el-image>
            </div>
@@ -63,6 +60,7 @@
import { articleInfo } from '@/api/text.js'
const { $route } = getCurrentInstance().appContext.config.globalProperties
import $store from "@/store/index.js";
import wuliu from '@/static/img/wuliu.png'

import promise from '@/static/img/promise.png'