一些改动

zhangwei

2025-12-22 4a5993fb232124830dcc964fc5525896fdea583e

一些改动

 chuanyinweb.rar

Binary files differ

 src/components/header/index.vue

@@ -22,7 +22,7 @@
          <el-menu-item index="/enrollment" @click="inmenu('/enrollment')">招生资料</el-menu-item>
          <el-menu-item index="/other" @click="inmenu('/other')">其他印刷品</el-menu-item>
        </el-sub-menu>
        <el-menu-item index="/servecustomers" @click="inmenu('/servecustomers',{id:1})">服务客户</el-menu-item>
        <el-menu-item index="/servecustomers" @click="inmenu('/servecustomers',{id:0})">服务客户</el-menu-item>
        <el-menu-item index="/equipment" @click="inmenu('/equipment',{id:1})">设备实力</el-menu-item>
        <el-menu-item index="/join" @click="inmenu('/join',{id:1})">商务合作</el-menu-item>
      </el-menu>

 src/static/css/comm.scss

@@ -10,7 +10,7 @@
    overflow: hidden;
}
.content1{
    width: 50%;
    width: 60%;
    margin: 0 auto;
    overflow: hidden;
}

 src/static/img/Frame-1.png

 src/static/img/Frame-2.png

 src/static/img/Frame-3.png

 src/static/img/Frame-4.png

 src/static/img/Frame.png

 src/static/img/assembly2.png

 src/static/img/assembly3.png

 src/static/img/assembly4.png

 src/static/img/assembly9.png

 src/static/img/enrollment3.png

 src/static/img/enrollment6.png

 src/static/img/huanjing1.png

 src/static/img/indexbanner.png

 src/static/img/indeximg.png

 src/static/img/jiankang1.png

 src/static/img/login2.png

 src/static/img/logo.png

 src/static/img/magazine1.png

 src/static/img/magazine3.png

 src/static/img/magazine4.png

 src/static/img/magazine5.png

 src/static/img/magazine7.png

 src/static/img/magazine9.png

 src/static/img/other11.png

 src/static/img/other2.png

 src/static/img/other4.png

 src/static/img/other5.png

 src/static/img/other6.png

 src/static/img/other7.png

 src/static/img/other8.png

 src/static/img/pingpai1.png

 src/static/img/shijuan1.png

 src/static/img/shijuan2.png

 src/static/img/shijuan3.png

 src/static/img/shijuan4.png

 src/static/img/shijuan5.png

 src/static/img/shijuan6.png

 src/static/img/shijuan7.png

 src/static/img/shijuan8.png

 src/static/img/smalldengji.png

 src/static/img/smallshouxin.png

 src/static/img/smallyingyezhizhao.png

 src/static/img/workbook10.png

 src/static/img/wuliu.png

 src/static/img/yinshua1.png

 src/static/img/yinshuashebei-1.png

 src/static/img/yiyuan10.png

 src/static/img/yiyuan12.png

 src/static/img/yiyuan2.png

 src/static/img/yiyuan4.png

 src/static/img/yiyuan7.png

 src/static/img/yiyuan8.png

 src/static/img/youmo1.png

 src/static/img/zhuangding-2.png

 src/static/img/zhuangding2.png

 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'


 src/views/equipment/index.vue

@@ -28,34 +28,51 @@
                <el-image style="width: 578.03px; height: 386.84px" :src="equipment2" class="ml-16"></el-image>
            </div>
        </div>
        <div v-if="data.tab == 2" class="bg-white">
           <div class="content flex justify-center items-center px-16 py-8">
                <div class=" mx-16 px-16">
                    <p class="w-1/2 font-['Source_Code_Pro'] font-semibold text-[36px]  align-middle capitalize">数码印刷</p>
                    <div class="font-['Source_Han_Sans_SC'] font-normal text-[24px]  tracking-[4%] capitalize text-[#696969] mt-16">
                        <p >自有数码印刷设备，</p>
                        <p> 打样安全保密急件立等可取</p>
                    </div>
        <div v-if="data.tab == 2" class="">
            <div class="bg-white pt-16 pb-1">
                <p class="font-['Source_Code_Pro'] font-semibold text-[36px]  align-middle capitalize text-center mt-6">数码印刷</p>
                <div
                    class="font-['Source_Han_Sans_SC'] font-normal text-[24px]  tracking-[4%] capitalize text-[#696969] my-14 text-center">
                    <p>自有数码印刷设备，打样安全保密急件立等可取</p>
                </div>
                <el-image style="width: 511.13px; height: 527.12px" :src="yinshuashebei1"></el-image>
           </div>
           <div class="shebeipeizhi2 h-[997.73px]">
            </div>
            <div class="content flex justify-between items-center py-16">
                <div class="w-[620px] h-[527.12px] bg-white flex justify-center items-center">
                    <el-image style="width: 511.13px; height: 527.12px" :src="yinshuashebei11" ></el-image>
                </div>
                <div class="w-[620px] h-[527.12px] bg-white flex justify-center items-center">
                    <el-image style="width: 511.13px; height: 527.12px" :src="yinshuashebei1"></el-image>
                </div>
            </div>
            <div class="shebeipeizhi2 h-[997.73px]">
                <div class="content">
                    <p class="font-['Source_Code_Pro'] font-semibold text-[36px]  align-middle capitalize text-center text-white py-16">彩色印刷</p>
                    <p
                        class="font-['Source_Code_Pro'] font-semibold text-[36px]  align-middle capitalize text-center text-white py-16">
                        彩色印刷</p>
                    <div class="flex justify-center">
                        <div class="p-6 bg-white w-[587.98px] h-[695.5px] flex flex-wrap items-center justify-center" style="margin: 0 auto;">
                            <el-image style="width: 540px; height: 364.01px;margin: 0 auto;" :src="baseyinshuaji"></el-image>
                            <p class="w-[416.69px] h-[75.76px] bg-[linear-gradient(114.84deg,rgba(14,88,209,0.81)_35.46%,rgba(51,109,252,0.63)_93.3%)] font-['Source_Han_Sans_SC'] font-medium text-[32px] leading-[75.76px] tracking-[5%] capitalize text-center text-white">海德堡八色印刷机</p>
                            <div class="font-['Source_Han_Sans_SC'] font-normal text-[24px] leading-[41px] tracking-[10%] text-center capitalize">
                        <div class="p-6 bg-white w-[587.98px] h-[695.5px] flex flex-wrap items-center justify-center"
                            style="margin: 0 auto;">
                            <el-image style="width: 540px; height: 364.01px;margin: 0 auto;"
                                :src="baseyinshuaji"></el-image>
                            <p
                                class="w-[416.69px] h-[75.76px] bg-[linear-gradient(114.84deg,rgba(14,88,209,0.81)_35.46%,rgba(51,109,252,0.63)_93.3%)] font-['Source_Han_Sans_SC'] font-medium text-[32px] leading-[75.76px] tracking-[5%] capitalize text-center text-white">
                                海德堡八色印刷机</p>
                            <div
                                class="font-['Source_Han_Sans_SC'] font-normal text-[24px] leading-[41px] tracking-[10%] text-center capitalize">
                                <p>印刷速度：15200张/小时</p>
                                <p>印刷纸张克重：52克-300克</p>
                                <p>最大印刷面积：720×1020mm</p>
                            </div>
                        </div>
                        <div class="p-6 bg-white w-[587.98px] h-[695.5px] flex flex-wrap items-center justify-center" style="margin: 0 auto;">
                            <el-image style="width: 540px; height: 364.01px;margin: 0 auto;" :src="baseyinshuaji1"></el-image>
                            <p class="w-[416.69px] h-[75.76px] bg-[linear-gradient(114.84deg,rgba(14,88,209,0.81)_35.46%,rgba(51,109,252,0.63)_93.3%)] font-['Source_Han_Sans_SC'] font-medium text-[32px] leading-[75.76px] tracking-[5%] capitalize text-center text-white">海德堡四色印刷机</p>
                            <div class="font-['Source_Han_Sans_SC'] font-normal text-[24px] leading-[41px] tracking-[10%] text-center capitalize"> 
                        <div class="p-6 bg-white w-[587.98px] h-[695.5px] flex flex-wrap items-center justify-center"
                            style="margin: 0 auto;">
                            <el-image style="width: 540px; height: 364.01px;margin: 0 auto;"
                                :src="baseyinshuaji1"></el-image>
                            <p
                                class="w-[416.69px] h-[75.76px] bg-[linear-gradient(114.84deg,rgba(14,88,209,0.81)_35.46%,rgba(51,109,252,0.63)_93.3%)] font-['Source_Han_Sans_SC'] font-medium text-[32px] leading-[75.76px] tracking-[5%] capitalize text-center text-white">
                                海德堡四色印刷机</p>
                            <div
                                class="font-['Source_Han_Sans_SC'] font-normal text-[24px] leading-[41px] tracking-[10%] text-center capitalize">
                                <p>印刷速度：15200张/小时</p>
                                <p>印刷纸张克重：52克-300克</p>
                                <p>最大印刷面积：720×1020mm</p>
@@ -63,26 +80,34 @@
                        </div>
                    </div>
                </div>
           </div>
           <div class="content flex justify-center items-center px-16 py-16">
            </div>
            <div class="content flex justify-between items-center py-16">
                <el-image style="width: 658.09px; height: 466.33px" :src="heibai"></el-image>
                <div class=" mx-16 px-16">
                    <p class="w-1/2 font-['Source_Code_Pro'] font-semibold text-[36px]  align-middle capitalize">黑白印刷</p>
                    <p class="font-['Source_Han_Sans_SC'] font-medium text-[32px] leading-[50px] tracking-[5%] capitalize h-[50px] flex items-center text-[#2646B3] mt-8">高速对开双面印刷机</p>
                    <div class="font-['Source_Han_Sans_SC'] font-normal text-[24px]  tracking-[4%] capitalize text-[#696969] mt-8">
                        <p >最大印刷面积：630×920mm</p>
                    <p class="w-1/2 font-['Source_Code_Pro'] font-semibold text-[36px]  align-middle capitalize">黑白印刷
                    </p>
                    <p
                        class="font-['Source_Han_Sans_SC'] font-medium text-[32px] leading-[50px] tracking-[5%] capitalize h-[50px] flex items-center text-[#2646B3] mt-8">
                        高速对开双面印刷机</p>
                    <div
                        class="font-['Source_Han_Sans_SC'] font-normal text-[24px]  tracking-[4%] capitalize text-[#696969] mt-8">
                        <p>最大印刷面积：630×920mm</p>
                        <p> 印刷速度：10000张双面/小时</p>
                        <p> 印刷纸张克重：40克—200克</p>
                    </div>
                </div>
           </div>
            <div class="lunzhuanbg px-16 py-16">
                <div class="content  flex justify-center items-center ">
            </div>
            <div class="lunzhuanbg py-16">
                <div class="content  flex justify-between items-center ">
                    <div class=" mx-16 px-16">
                        <p class="w-1/2 font-['Source_Code_Pro'] font-semibold text-[36px]  align-middle capitalize">轮转印刷</p>
                        <p class="font-['Source_Han_Sans_SC'] font-medium text-[32px] leading-[50px] tracking-[5%] capitalize h-[50px] flex items-center text-[#2646B3] mt-8">全新轮转印刷机</p>
                        <div class="font-['Source_Han_Sans_SC'] font-normal text-[24px]  tracking-[4%] capitalize text-[#696969] mt-8">
                            <p >印刷速度：约30000 张/小时</p>
                        <p class="w-1/2 font-['Source_Code_Pro'] font-semibold text-[36px]  align-middle capitalize">
                            轮转印刷</p>
                        <p
                            class="font-['Source_Han_Sans_SC'] font-medium text-[32px] leading-[50px] tracking-[5%] capitalize h-[50px] flex items-center text-[#2646B3] mt-8">
                            全新轮转印刷机</p>
                        <div
                            class="font-['Source_Han_Sans_SC'] font-normal text-[24px]  tracking-[4%] capitalize text-[#696969] mt-8">
                            <p>印刷速度：约30000 张/小时</p>
                            <p> 纸张克重范围：45g/m² - 150g/m²</p>
                            <p> 最大印刷面积：787mm × 546mm</p>
                        </div>
@@ -90,14 +115,17 @@
                    <el-image style="width: 658.09px; height: 466.33px" :src="lunzhuan"></el-image>
                </div>

           </div>
            </div>
        </div>
        <div v-if="data.tab == 3" class="bg-white ">
           <div class="zhuangding1">
                 <div class="content relative z-0">
                    <div class=" contentbg w-[512.66px] h-[540.71px] relative left-0 pl-16 pt-8 float-right">
                        <p class="font-['Source_Code_Pro'] font-semibold text-[36px]  align-middle capitalize  py-16 text-white">独家引进马天尼全自动<br>胶装联动线</p>
                        <div class="font-['Source_Han_Sans_SC'] font-normal text-[22px] leading-[37.4px] tracking-[0%] capitalize  text-white">
            <div class="zhuangding1">
                <div class="content">
                    <div class=" contentbg w-[512.66px] h-[540.71px] float-right pl-16">
                        <p
                            class="font-['Source_Code_Pro'] font-semibold text-[36px]  align-middle capitalize  py-16 text-white">
                            西南地区独家引进<br>全新马天尼<br>全自动胶装联动线<br></p>
                        <div
                            class="font-['Source_Han_Sans_SC'] font-normal text-[22px] leading-[37.4px] tracking-[0%] capitalize  text-white">
                            <p>19夹20配</p>
                            <p>自动扫描图文检测错贴</p>
                            <p>配页、胶包、修切一次完成</p>
@@ -106,29 +134,48 @@
                        </div>
                    </div>
                </div>
           </div>
           <div class="content pb-14">
                <p class="font-['Source_Code_Pro'] font-semibold text-[36px]  align-middle capitalize text-center  py-16">马天尼霹雳马MC</p>
                <div class="flex justify-evenly">
                    <div v-for="(item,index) in images" :key="index" class="flex flex-wrap w-[70px] items-center justify-center">
                        <el-image style="width: 50px; height: 50px" :src="item.url"></el-image>
                        <p>{{ item.name }}</p>
            </div>
            <div class="h-[1083.56px] relative bg-[#f4f9fb]">
                <div class="h-[40%]">
                    <p
                        class="font-['Source_Code_Pro'] font-semibold text-[36px]  align-middle capitalize text-center  pt-16">
                        西南地区唯一一台</p>
                    <p
                        class="font-['Source_Code_Pro'] font-semibold text-[36px]  align-middle capitalize text-center  pb-12">
                        马天尼霹雳马MC全自动骑订联动线</p>
                    <p
                        class="font-['Source_Han_Sans_SC'] font-normal text-[22px] leading-[41px] tracking-[0%] capitalize text-[#333] text-center pb-12">
                        装订速度：14,000 本/小时</p>
                    <div class="content flex justify-evenly">
                        <div v-for="(item, index) in images" :key="index"
                            class="flex flex-wrap w-[70px] items-center justify-center ">
                            <el-image style="width: 50px; height: 50px" :src="item.url"></el-image>
                            <p class="pt-2">{{ item.name }}</p>
                        </div>
                    </div>
                    <!-- <p class="font-['Source_Han_Sans_SC'] font-normal text-[22px] leading-[41px] tracking-[0%] capitalize text-[#333] text-center">
                        最大印刷面积：2100  × 1600 mm
                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                        印刷速度：14,000 本/小时
                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                        印刷纸张克重：0.2 - 0.4 mm
                    </p> -->
                </div>
                <el-image style="width: 1402.41px; height: 291.58px" :src="zhuangding2" class="my-6"></el-image>
                <p class="font-['Source_Han_Sans_SC'] font-normal text-[22px] leading-[41px] tracking-[0%] capitalize text-[#333] text-center">
                    最大印刷面积：2100  × 1600 mm
                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    印刷速度：14,000 本/小时
                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    印刷纸张克重：0.2 - 0.4 mm
                </p>
           </div>
           <div class="zhuangding3">
                 <div class="content relative z-0">
                    <div class=" contentbg w-[512.66px] h-[540.71px] relative right-0 pl-16 pt-8">
                        <p class="font-['Source_Code_Pro'] font-semibold text-[36px]  align-middle capitalize  py-16 text-white">五台全自动骑马订联动线</p>
                        <div class="font-['Source_Han_Sans_SC'] font-normal text-[22px] leading-[37.4px] tracking-[0%] capitalize  text-white">
                <div class="zhuangding2">


                    <!-- <el-image class="w-full" :src="zhuangding2" ></el-image> -->

                </div>
            </div>
            <div class="zhuangding3">
                <div class="content">
                    <div class=" contentbg w-[512.66px] h-[540.71px] pl-16 pt-8">
                        <p
                            class="font-['Source_Code_Pro'] font-semibold text-[36px]  align-middle capitalize  py-16 text-white">
                            三台全自动骑马订联动线</p>
                        <div
                            class="font-['Source_Han_Sans_SC'] font-normal text-[22px] leading-[37.4px] tracking-[0%] capitalize  text-white">
                            <p>最大装订尺寸&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;315×360mm</p>
                            <p>最小装订尺寸&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;210×140mm</p>
                            <p>最大装订帖数&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;6帖+封面</p>
@@ -136,25 +183,29 @@
                        </div>
                    </div>
                </div>
           </div>
            </div>
        </div>
        <div v-if="data.tab == 4" class="bg-white pb-10">
            <p class="font-['Source_Han_Sans_SC'] font-normal text-[24px] leading-[41px] tracking-[10%] text-center capitalize text-[#696969] py-12">
            <p class="font-['Source_Code_Pro'] font-semibold text-[36px]  align-middle capitalize text-center py-12">
                所有工序，无需外协，川印都能完成</p>
                <div class="content flex flex-wrap justify-between pb-8">
                    <div v-for="(item,index) in arrayList" class=" pb-4 hover:text-[#0D61CE] cursor-pointer mx-6 ">
                        <el-image v-if="index==0||index==1" style="width: 586.34px; height: 406.59px" :src="item.url" class="hover:shadow-[0px_6px_18px_0px_#054CB726] transition-shadow duration-300"></el-image>
                        <el-image v-else style="width: 380px; height: 300px" :src="item.url" class="hover:shadow-[0px_6px_18px_0px_#054CB726] transition-shadow duration-300"></el-image>
                        <p class="font-['Source_Han_Sans'] font-medium text-[24px] leading-[50px] tracking-[5%] text-center capitalize pt-1">{{ item.name }}</p>
                    </div>
            <div class="content flex flex-wrap justify-between pb-8">
                <div v-for="(item, index) in arrayList" class=" pb-6 hover:text-[#0D61CE] cursor-pointer mx-6 ">
                    <el-image v-if="index == 0 || index == 1" style="width: 586.34px; height: 406.59px" :src="item.url"
                        class="hover:shadow-[0px_6px_18px_0px_#054CB726] transition-shadow duration-300"></el-image>
                    <el-image v-else style="width: 380px; height: 300px" :src="item.url"
                        class="hover:shadow-[0px_6px_18px_0px_#054CB726] transition-shadow duration-300"></el-image>
                    <p
                        class="font-['Source_Han_Sans'] font-medium text-[24px] leading-[50px] tracking-[5%] text-center capitalize pt-1">
                        {{ item.name }}</p>
                </div>
            </div>
        </div>
    </div>
</template>

<script setup>

const { $route ,$router} = getCurrentInstance().appContext.config.globalProperties
const { $route, $router } = getCurrentInstance().appContext.config.globalProperties

import $store from "@/store/index.js";
import equipment1 from '@/static/img/equipment1.png'
@@ -169,11 +220,12 @@
import suoxianji from '@/static/img/suoxianji.png'
import zhanxinfeng from '@/static/img/zhanxinfeng.png'
import yinshuashebei1 from '@/static/img/yinshuashebei1.png'
import yinshuashebei11 from '@/static/img/yinshuashebei-1.png'
import baseyinshuaji from '@/static/img/baseyinshuaji.png'
import baseyinshuaji1 from '@/static/img/baseyinshuaji1.png'
import heibai from '@/static/img/heibai.png'
import lunzhuan from '@/static/img/lunzhuan.png'
import zhuangding2 from '@/static/img/zhuangding2.png'
import zhuangding2 from '@/static/img/zhuangding-2.png'
import Frame from '@/static/img/Frame.png'
import Frame1 from '@/static/img/Frame-1.png'
import Frame2 from '@/static/img/Frame-2.png'
@@ -184,65 +236,65 @@
    tab: 1,
})
const images = [
     {
        name:'智控快设',
        url:Frame4
    {
        name: '智控快设',
        url: Frame4
    },
    {
        name:'高效高速',
        url:Frame
        name: '高效高速',
        url: Frame
    },
    {
        name:'裁切精准',
        url:Frame1
        name: '裁切精准',
        url: Frame1
    },
    {
        name:'高度自动',
        url:Frame2
        name: '高度自动',
        url: Frame2
    },
    {
        name:'操作简易',
        url:Frame3
        name: '操作简易',
        url: Frame3
    },
]
const arrayList = [
    {
        name:'进口MBO全自动折页机',
        url:jinkouMBO
        name: '进口MBO全自动折页机',
        url: jinkouMBO
    },
    {
        name:'进口阿斯特全自动锁线机',
        url:suoxianji
        name: '进口阿斯特全自动锁线机',
        url: suoxianji
    },
    {
        name:'模切机',
        url:moqieji
        name: '模切机',
        url: moqieji
    },
    {
        name:'勒口机',
        url:lekouji
        name: '勒口机',
        url: lekouji
    },
    {
        name:'塑封机',
        url:sufengji
        name: '塑封机',
        url: sufengji
    },
    {
        name:'粘页机',
        url:zhanyeji
        name: '粘页机',
        url: zhanyeji
    },
    // {
    //     name:'粘信封机',
    //     url:zhanxinfeng
    // },
    {
        name:'烫金机',
        url:tangjinji
        name: '烫金机',
        url: tangjinji
    },
    {
        name:'覆膜机',
        url:fumoji
        name: '覆膜机',
        url: fumoji
    },
    

]
const tabchange = (el) => {
    $router.push({
@@ -272,7 +324,7 @@
}

.bannerbg {
     background: linear-gradient(90deg, rgba(14, 97, 206, 0.9) 30%, rgba(108, 160, 255, 0.18) 100%),
    background: linear-gradient(90deg, rgba(14, 97, 206, 0.9) 30%, rgba(108, 160, 255, 0.18) 100%),
        url('@/static/img/yinshuapeizhibanner.png') center/cover no-repeat;
}

@@ -280,25 +332,38 @@
    background: linear-gradient(90deg, rgba(14, 97, 206, 0.9) 30%, rgba(108, 160, 255, 0.18) 100%),
        url('@/static/img/yinshuapeizhibanner.png') center/cover no-repeat;
}
.shebeipeizhi2{

.shebeipeizhi2 {
    background: linear-gradient(114.84deg, rgba(14, 88, 209, 0.9) 35.46%, rgba(51, 109, 252, 0.7) 93.3%),
    url('@/static/img/yinshuapeizhi2.png') center/cover no-repeat;
        url('@/static/img/yinshuapeizhi2.png') center/cover no-repeat;

}
.zhuangding1{

.zhuangding1 {
    width: 100%;
    height: 540.71px;
    background: linear-gradient(90deg, rgba(140, 140, 140, 0.3) 0%, rgba(38, 38, 38, 0.42) 77.99%),
    url('@/static/img/zhuangding1.png') center/cover no-repeat;
        url('@/static/img/zhuangding1.png') center/cover no-repeat;
    background-blend-mode: multiply;
}
.contentbg{

.contentbg {
    background: linear-gradient(114.84deg, rgba(14, 88, 209, 0.9) 35.46%, rgba(51, 109, 252, 0.7) 93.3%);
}
.zhuangding3{

.zhuangding2 {
    width: 100%;
    height: 60%;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 86.6%, rgba(255, 255, 255, 0.5) 91.77%, #FFFFFF 97.65%),
        url('@/static/img/zhuangding2.png') bottom left / cover no-repeat;
    /* contain 会等比缩放图片，优先让宽度适配容器宽度，保证图片完整显示 */

}

.zhuangding3 {
    width: 100%;
    height: 540.71px;
    background: linear-gradient(90deg, rgba(140, 140, 140, 0.3) 0%, rgba(38, 38, 38, 0.42) 77.99%),url('@/static/img/zhuangding3.png') center/cover no-repeat;
    background: linear-gradient(90deg, rgba(140, 140, 140, 0.3) 0%, rgba(38, 38, 38, 0.42) 77.99%), url('@/static/img/zhuangding3.png') center/cover no-repeat;

}

@@ -306,6 +371,7 @@
    position: relative;
    z-index: 1;
}

.lunzhuanbg::before {
    content: "";
    position: absolute;
@@ -314,7 +380,8 @@
    width: 100%;
    height: 100%;
    background: #F8FAFF url('@/static/img/lunzhuanbeijing.png') center/cover no-repeat;
    opacity: 0.3; /* 背景色+背景图都30%透明 */
    opacity: 0.3;
    /* 背景色+背景图都30%透明 */
    z-index: -1;
}
</style>

 src/views/join/index.vue

@@ -93,8 +93,8 @@
          <div class=" flex justify-between pt-10" style="margin: 0 auto;">
            <div
              class="w-[486.06px] h-[117.46px] rounded-lg bg-[#F3F3F3] flex items-center hover:bg-[#0D61CE] hover:text-white group">
              <div><i class="iconfont icon-dianhua pr-14 pl-14 text-[#0D61CE] group-hover:text-white"
                  style="font-size: 26px;"></i></div>
              <div><i class="iconfont icon-dianhua pr-10 pl-14 text-[#0D61CE] group-hover:text-white"
                  style="font-size: 40px;"></i></div>
              <div class="font-['Figtree'] font-medium text-[22.62px] leading-[20.1px] tracking-[3%] capitalize ">
                <p class="">联系电话：</p>
                <p class="pt-4 text-[#696969] group-hover:text-white">028-83333222</p>
@@ -102,8 +102,8 @@
            </div>
            <div
              class="w-[486.06px] h-[117.46px] rounded-lg bg-[#F3F3F3] flex items-center hover:bg-[#0D61CE] hover:text-white group">
              <div><i class="iconfont icon-dingwei pr-14 pl-14 text-[#0D61CE] group-hover:text-white"
                  style="font-size: 26px;"></i></div>
              <div><i class="iconfont icon-dingwei pr-10 pl-14 text-[#0D61CE] group-hover:text-white"
                  style="font-size: 40px;"></i></div>
              <div class="font-['Figtree'] font-medium text-[22.62px] leading-[20.1px] tracking-[3%] capitalize">
                <p>公司地址：</p>
                <p class="pt-4 text-[#696969] group-hover:text-white">成都市蒲江县寿安工业区</p>
@@ -124,7 +124,7 @@
              <el-image style="width: 612.47px; height: 321.98px" :src="pingpai1"></el-image>
              <p
                class="font-['Source_Han_Sans_SC'] font-normal text-lg leading-[34px] tracking-normal text-justify capitalize px-10 absolute">
                百分兵法是一个专注于防近视作业本的文具品牌，秉承守护孩子眼睛健康的坚定愿景，坚持以孩子和科技为核心创新产品。其电商平台连接作业本生产厂商与文具店，助力印刷企业消化库存、拓展订单，同时为文具店及家长提供价廉物美的作业本货源。诚邀印刷企业、文具店及社会各界人士加入，共创微商事业。
                百分兵法是一个专注于防近视作业本的文具品牌，秉承守护孩子眼睛健康的坚定愿景，坚持以孩子和科技为核心创新产品。<br>其电商平台连接作业本生产厂商与文具店，助力印刷企业消化库存、拓展订单，同时为文具店及家长提供价廉物美的作业本货源。诚邀印刷企业、文具店及社会各界人士加入，共创微商事业。
              </p>
            </div>
            <div class="ml-16">

 src/views/servecustomers/index.vue

@@ -12,10 +12,10 @@
        <p class="font-['Source_Code_Pro'] font-semibold text-[36px] leading-[50px] tracking-[10%]  align-middle capitalize text-center py-4">多行业覆盖，合作版图持续扩展</p>
        <div class="content">
        <ul style="width:60%;" class="chuany-flex chuany-justify-between chuany-align-center content chuany-font20 chuany-padding10 h-[60px]">
            <li :class="['chuany-cursor', data.tab == 0 ? 'actived' : '']" @click="tabchange(0)"><a href="#part0">政府单位</a></li>
            <li :class="['chuany-cursor', data.tab == 1 ? 'actived' : '']" @click="tabchange(1)"><a href="#part1">医疗机构</a></li>
            <li :class="['chuany-cursor', data.tab == 2 ? 'actived' : '']" @click="tabchange(2)"><a href="#part2">教育机构</a></li>
            <li :class="['chuany-cursor', data.tab == 3 ? 'actived' : '']" @click="tabchange(3)"><a href="#part3">学校</a></li>
            <li :class="['chuany-cursor', data.tab == 0 ? 'actived' : '']" @click="tabchange(0)">政府单位</li>
            <li :class="['chuany-cursor', data.tab == 1 ? 'actived' : '']" @click="tabchange(1)">医疗机构</li>
            <li :class="['chuany-cursor', data.tab == 2 ? 'actived' : '']" @click="tabchange(2)">教育机构</li>
            <li :class="['chuany-cursor', data.tab == 3 ? 'actived' : '']" @click="tabchange(3)">学校</li>
        </ul>
        </div>
    </div>