banner图片替换 dist

sric

2025-11-22 9e718547cac98ce85e031a6266d3ac927eb2f1d1

 src/views/HomeView.vue

@@ -1,6 +1,6 @@
<script setup>
import banner from '@/assets/images/banner1@2x.png';
import banner2 from '@/assets/images/banner2@2x.png';
import banner from '@/assets/images/banner1.jpg';
import banner2 from '@/assets/images/banner2.jpg';

const getUrl = (name) => {
  // return new URL(url, import.meta.url).href;
@@ -188,7 +188,7 @@
    </div>

    <div
      class="relative w-full h-screen md:h-[707px] overflow-hidden bg-white group"
      class="relative w-full h-[707px] md:h-[707px] overflow-hidden bg-white group"
      @mouseenter="stopAutoPlay"
      @mouseleave="startAutoPlay"
    >
@@ -200,10 +200,7 @@
            v-show="currentSlide === index"
            class="absolute inset-0 w-full h-full"
          >
            <img
              :src="banner.image"
              class="slide-up-imgage w-full h-full object-cover brightness-[0.65]"
            />
            <img :src="banner.image" class="slide-up-imgage w-full h-full" />

            <div class="absolute inset-0 flex items-center px-6 md:px-30 z-20">
              <div class="text-white">
@@ -213,14 +210,14 @@
                >
                  <h1
                    :key="`t1-${currentSlide}`"
                    class="slide-up-text font-bold tracking-tighter drop-shadow-2xl"
                    class="slide-up-text font-bold text-nowrap tracking-tighter drop-shadow-2xl"
                    style="animation-delay: 1.8s"
                  >
                    {{ banner.title }}
                  </h1>
                  <h2
                    :key="`t2-${currentSlide}`"
                    class="slide-up-text font-bold tracking-tighter drop-shadow-2xl"
                    class="slide-up-text font-bold text-nowrap tracking-tighter drop-shadow-2xl"
                    style="animation-delay: 1.8s"
                  >
                    {{ banner.subtitle }}
@@ -365,7 +362,10 @@
      <el-carousel height="auto" class="border" indicator-position="none" arrow="never">
        <el-carousel-item style="height: 400px">
          <div class="relative h-full w-full">
            <img class="h-full w-full" src="@/assets/images/新闻-pic@2x.png" />
            <img
              class="h-full w-[1136px] min-w-[1136px] ml-auto"
              src="@/assets/images/新闻-pic@2x.png"
            />
            <div
              class="absolute top-0 left-0 bottom-0 w-[51%] pt-[87px] pb-20 pl-[202px] pr-[244px] text-white text-[26px] bg-[url('@/assets/images/News-正文@2x.png')] bg-no-repeat bg-size-[100%_100%]"
            >