修改

src/components/foot.vue

@@ -2,7 +2,7 @@
   <div id="foot">
     <div class="foot">
       <div class="w_1200 footflex">
-        <el-image class="image" src="/src/assets/unit.png" fit="fill" />
+        <el-image class="image" :src="unit" fit="fill" />
         <el-col :span="12" class="foot_1">
           <div class="footTitle"><span>业务洽谈：0431-81165166</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span>企业邮箱：jlpstm@126.com</span></div>
           <div class="footTitle">地 址：长春朝阳区前进大街1244号（吉林省科技厅科研园）</div>
@@ -19,8 +19,8 @@
           </div>
         </el-col>
         <el-col :span="4" class="foot_3 footflex">
-          <el-image class="image" src="/src/assets/code.png" fit="fill" />
-          <el-image class="image" src="/src/assets/code.png" fit="fill" />
+          <el-image class="image" :src="code" fit="fill" />
+          <el-image class="image" :src="code" fit="fill" />
         </el-col>
       </div>
     </div>
@@ -29,6 +29,9 @@
 <script setup lang="ts">
 import { useRouter } from 'vue-router';
 const router = useRouter();
+// 图片引入
+import unit from '@/assets/unit.png';
+import code from '@/assets/code.png';
 // 帮助中心
 const toHelp = (type) => {
   router.push({ path: '/help', query: { type } });

src/layout/site.ts

@@ -1,11 +1,15 @@
+// 图片引入
+import logo from '/src/assets/logo.png';
+import home from '/src/assets/home.mp4';
 // 网站基本设置
 export const siteInfo = {
   display: false,
   zhTitle: '吉林省重点领域技术转移平台',
   zhPhone: '400-469-1899',
-  logoUrl: '/src/assets/logo.png',
-  videoUrl: '/src/assets/home.mp4'
+  logoUrl: logo,
+  videoUrl: home
 };
+
 // 菜单设置
 export const menuList = [
   { title: '交易大厅', route: '/', href: 'transaction', English: 'Technology Trading' },

src/views/achieve/index.vue

@@ -255,7 +255,7 @@ const onShowSizeChange = (current: number, pageSize: number) => {
 </script>
 <style scoped lang="scss">
 .main {
-  background: url(/src/assets/detail.png) right top no-repeat;
+  background: url(@/assets/detail.png) right top no-repeat;
   background-size: 100%;
 
   .one {

src/views/activity/index.vue

@@ -140,7 +140,7 @@ const handleClick = (tab: TabsPaneContext, event: Event) => {
 </script>
 <style scoped lang="scss">
 .main {
-  background: url(/src/assets/detail.png) right top no-repeat;
+  background: url(@/assets/detail.png) right top no-repeat;
   background-size: 100%;
 
   .two {

src/views/activity/new.vue

@@ -88,7 +88,7 @@ const searchOther = async () => {
 </script>
 <style scoped lang="scss">
 .main {
-  background: url(/src/assets/detail.png) right top no-repeat;
+  background: url(@/assets/detail.png) right top no-repeat;
   background-size: 100%;
 
   .one {

src/views/activity/video.vue

@@ -21,6 +21,8 @@
 // 基础
 import type { Ref } from 'vue';
 import { onMounted, getCurrentInstance, ref } from 'vue';
+// 图片引入
+import video from '@/assets/video.mp4';
 // 接口
 // import { ToolsStore } from '@/stores/tool';
 // import type { IQueryResult } from '@/util/types.util';
@@ -30,7 +32,7 @@ const { proxy } = getCurrentInstance() as any;
 // 加载中
 const loading: Ref<any> = ref(false);
 const info: Ref<any> = ref({
-  file: '/src/assets/video.mp4',
+  file: video,
   title: '2022年杭州市技术经纪人培训班-第1课',
   time: '2024-01-05 09:12:23'
 });
@@ -60,7 +62,7 @@ const searchOther = async () => {
 <style scoped lang="scss">
 .main {
   height: 650px;
-  background: url(/src/assets/videobg.png) right top no-repeat;
+  background: url(@/assets/videobg.png) right top no-repeat;
   background-size: 100%;
 
   .one {

src/views/demand/detail.vue

@@ -106,7 +106,7 @@ const searchOther = async () => {
 </script>
 <style scoped lang="scss">
 .main {
-  background: url(/src/assets/detail.png) right top no-repeat;
+  background: url(@/assets/detail.png) right top no-repeat;
   background-size: 100%;
 
   .one {

src/views/demand/index.vue

@@ -243,7 +243,7 @@ const onShowSizeChange = (current: number, pageSize: number) => {
 </script>
 <style scoped lang="scss">
 .main {
-  background: url(/src/assets/detail.png) right top no-repeat;
+  background: url(@/assets/detail.png) right top no-repeat;
   background-size: 100%;
   .one {
     margin: 10px 0 0 0;

src/views/help/index.vue

@@ -19,7 +19,7 @@
             <el-col v-else-if="select === '3'" :span="18" class="right">
               <el-row :gutter="20">
                 <el-col :span="12" class="left">
-                  <el-image class="image" src="/src/assets/map.jpg" fit="fill" />
+                  <el-image class="image" :src="map" fit="fill" />
                 </el-col>
                 <el-col :span="12" class="right">
                   <el-col :span="24" class="other">
@@ -58,6 +58,8 @@ import type { Ref } from 'vue';
 import { onMounted, ref, reactive } from 'vue';
 import { useRoute } from 'vue-router';
 import { ItemType } from 'ant-design-vue';
+// 图片引入
+import map from '@/assets/map.jpg';
 // 接口
 // import { ToolsStore } from '@/stores/tool';
 // import type { IQueryResult } from '@/util/types.util';

src/views/home/components/achievement.vue

@@ -4,7 +4,7 @@
       <el-col :span="24" class="achievement">
         <el-col :span="24" class="one">
           <el-col :span="20" class="left">
-            <el-image class="image" src="/src/assets/achieve.png" fit="fill" />
+            <el-image class="image" :src="achieve" fit="fill" />
             <span>成果信息</span>
           </el-col>
           <el-col :span="4" class="right" @click="toMore"> 更多 > </el-col>
@@ -39,6 +39,8 @@
 <script setup lang="ts">
 import type { Ref } from 'vue';
 import { ref, toRefs } from 'vue';
+// 图片引入
+import achieve from '@/assets/achieve.png';
 // #region 参数传递
 const props = defineProps({
   achieveList: { type: Array, default: () => [] }

src/views/home/components/activity.vue

@@ -147,6 +147,10 @@
 import moment from 'moment';
 import type { Ref } from 'vue';
 import { ref, toRefs } from 'vue';
+// 图片引入
+import one from '@/assets/one.png';
+import two from '@/assets/two.png';
+import thr from '@/assets/thr.png';
 // #region 参数传递
 const props = defineProps({
   activityList: { type: Array, default: () => [] },
@@ -159,12 +163,12 @@ const { activityList, trendsList, videoList, total } = toRefs(props);
 const list: Ref<any> = ref(activityList);
 const trends: Ref<any> = ref(trendsList);
 const video: Ref<any> = ref(videoList);
-const carouselList: Ref<any> = ref([{ url: '/src/assets/one.png' }, { url: '/src/assets/two.png' }, { url: '/src/assets/thr.png' }]);
+const carouselList: Ref<any> = ref([{ url: one }, { url: two }, { url: thr }]);
 const activeName = ref('0');
 const currentPage = ref(1);
 const pageSize = ref(12);
 // #endregion
-const emit = defineEmits(['toMore', 'toVideoView', 'toNewsView','toView', 'toPolicy']);
+const emit = defineEmits(['toMore', 'toVideoView', 'toNewsView', 'toView', 'toPolicy']);
 // 查看更多
 const toMore = (item) => {
   emit('toMore', item);
@@ -199,7 +203,7 @@ const handleCurrentChange = (val: number) => {
     margin: 20px 0px;
     padding: 10px 50px 0 50px;
     height: 520px;
-    background: url(/src/assets/hdbg.png) no-repeat 100%;
+    background: url(@/assets/hdbg.png) no-repeat 100%;
     background-size: cover;
 
     .one {
@@ -225,7 +229,7 @@ const handleCurrentChange = (val: number) => {
       margin: 20px 0 30px;
       padding: 10px;
       display: flex;
-      background-image: url(/src/assets/hdbg2.png);
+      background-image: url(@/assets/hdbg2.png);
       background-repeat: no-repeat;
       background-size: 570px 142px;
       background-position: 100%;

src/views/home/components/demand.vue

@@ -4,7 +4,7 @@
       <el-col :span="24" class="demand">
         <el-col :span="24" class="one">
           <el-col :span="20" class="left">
-            <el-image class="image" src="/src/assets/demand.png" fit="fill" />
+            <el-image class="image" :src="demand" fit="fill" />
             <span>需求信息</span>
           </el-col>
           <el-col :span="4" class="right" @click="toMore"> 更多 > </el-col>
@@ -39,6 +39,8 @@
 <script setup lang="ts">
 import type { Ref } from 'vue';
 import { ref, toRefs } from 'vue';
+// 图片引入
+import demand from '@/assets/demand.png';
 // #region 参数传递
 const props = defineProps({
   demandList: { type: Array, default: () => [] }

src/views/home/components/service.vue

@@ -29,7 +29,7 @@
         </el-col>
         <el-col :span="24" class="four">
           <el-col :span="3" class="left">
-            <el-image class="image" src="/src/assets/service_5.jpg" fit="fill" />
+            <el-image class="image" :src="service_5" fit="fill" />
           </el-col>
           <el-col :span="21" class="right">
             <el-col :span="12" class="list" v-for="(item, index) in list" :key="index" @click="toView(item)">
@@ -71,6 +71,22 @@
 import moment from 'moment';
 import type { Ref } from 'vue';
 import { ref, toRefs } from 'vue';
+// 图片引入
+import service_1 from '@/assets/service_1.jpg';
+import service_2 from '@/assets/service_2.jpg';
+import service_3 from '@/assets/service_3.jpg';
+import service_4 from '@/assets/service_4.jpg';
+import service_5 from '@/assets/service_5.jpg';
+import service1 from '@/assets/service1.png';
+import service2 from '@/assets/service2.png';
+import service3 from '@/assets/service3.png';
+import service4 from '@/assets/service4.png';
+import service5 from '@/assets/service5.png';
+import service6 from '@/assets/service6.png';
+import service7 from '@/assets/service7.png';
+import service8 from '@/assets/service8.png';
+import service9 from '@/assets/service9.png';
+import service10 from '@/assets/service10.png';
 // #region 参数传递
 const props = defineProps({
   serviceList: { type: Array, default: () => [] }
@@ -80,54 +96,54 @@ const { serviceList } = toRefs(props);
 const list: Ref<any> = ref(serviceList);
 // 菜单
 const menuList: Ref<any> = ref([
-  { name: '技术合同认定登记', url: '/src/assets/service_1.jpg', route: '/' },
-  { name: '科技成果登记', url: '/src/assets/service_2.jpg', route: '/' },
-  { name: '敬请期待', url: '/src/assets/service_3.jpg', route: '/' },
-  { name: '敬请期待', url: '/src/assets/service_4.jpg', route: '/' }
+  { name: '技术合同认定登记', url: service_1, route: '/' },
+  { name: '科技成果登记', url: service_2, route: '/' },
+  { name: '敬请期待', url: service_3, route: '/' },
+  { name: '敬请期待', url: service_4, route: '/' }
 ]);
 // 菜单
 const carouselList: Ref<any> = ref([
-  { title: '技术转移', url: '/src/assets/service1.png', content: '为企业提供跨领域、跨区域、全过程的技术转移集成服务。', type: '0' },
+  { title: '技术转移', url: service1, content: '为企业提供跨领域、跨区域、全过程的技术转移集成服务。', type: '0' },
   {
     title: '科技金融',
-    url: '/src/assets/service2.png',
+    url: service2,
     content: '面向科技型企业开展科技保险、科技担保、知识产权质押等科技金融服务，提供天使投资、创业投资等股权投资服务等。',
     type: '1'
   },
   {
     title: '政策咨询/服务',
-    url: '/src/assets/service3.png',
+    url: service3,
     content: '为科学技术发展规划的编制和科研项目的组织实施提供科技发展水平和其他各方面的预测、设计实施方案等集成化应用的咨询和服务。',
     type: '2'
   },
   {
     title: '科技评估/评价',
-    url: '/src/assets/service4.png',
+    url: service4,
     content:
       '遵循一定的原则、程序和标准，运用科学、可行的方法对承担科技战略、规划、政策、改革、计划、项目、载体、机构、科技成果、人才、资金预算及其他科技相关活动的研究和全过程评估、评价工作，提供科技创新发展决策辅助等服务。',
     type: '3'
   },
   {
     title: '知识产权',
-    url: '/src/assets/service5.png',
+    url: service5,
     content: '提供知识产权代理、信息、咨询、培训等，以及知识产权分析评议、运营实施、保护维权等服务。',
     type: '4'
   },
   {
     title: '创业孵化',
-    url: '/src/assets/service6.png',
+    url: service6,
     content: '为创业团队、科技型企业提供共享服务空间、经营场地、政策指导、资金申请、技术鉴定、咨询策划、项目顾问、人才培训等多类创业的服务。',
     type: '5'
   },
-  { title: '财税法律', url: '/src/assets/service7.png', content: '为企业提供财税、法律服务。', type: '6' },
-  { title: '工业设计', url: '/src/assets/service8.png', content: '以工学、美学、经济学为基础对工业产品提供设计服务。', type: '7' },
+  { title: '财税法律', url: service7, content: '为企业提供财税、法律服务。', type: '6' },
+  { title: '工业设计', url: service8, content: '以工学、美学、经济学为基础对工业产品提供设计服务。', type: '7' },
   {
     title: '检验检测',
-    url: '/src/assets/service9.png',
+    url: service9,
     content: '面向设计开发、生产制造、售后服务全过程的观测、分析、测试、检验、标准、认证等第三方检验检测认证服务。',
     type: '8'
   },
-  { title: '其他', url: '/src/assets/service10.png', content: '成果转化全链条中的其他类服务。', type: '9' }
+  { title: '其他', url: service10, content: '成果转化全链条中的其他类服务。', type: '9' }
 ]);
 // #endregion
 const emit = defineEmits(['toCommon', 'toView', 'toPolicy', 'toService']);

src/views/home/components/transaction.vue

@@ -63,6 +63,10 @@
 <script setup lang="ts">
 import type { Ref } from 'vue';
 import { ref, toRefs } from 'vue';
+// 图片引入
+import one from '@/assets/one.png';
+import two from '@/assets/two.png';
+import thr from '@/assets/thr.png';
 // #region 参数传递
 const props = defineProps({
   oneList: { type: Array, default: () => [] },
@@ -71,9 +75,9 @@ const props = defineProps({
 });
 const { oneList, twoList, thrList } = toRefs(props);
 const list: Ref<any> = ref([
-  { title: '协议定价', English: 'Agreement pricing', background: '/src/assets/one.png', list: oneList, type: 'one' },
-  { title: '挂牌交易', English: 'Listing transaction', background: '/src/assets/two.png', list: twoList, type: 'two' },
-  { title: '竞价(拍卖)', English: 'Bidding (auction)', background: '/src/assets/thr.png', list: thrList, type: 'two' }
+  { title: '协议定价', English: 'Agreement pricing', background: one, list: oneList, type: 'one' },
+  { title: '挂牌交易', English: 'Listing transaction', background: two, list: twoList, type: 'two' },
+  { title: '竞价(拍卖)', English: 'Bidding (auction)', background: thr, list: thrList, type: 'two' }
 ]);
 const emit = defineEmits(['toView', 'toMore']);
 // 查看更多

src/views/home/index.vue

@@ -71,7 +71,7 @@
         </div>
         <el-col :span="24" class="foot">
           <div class="w_1200 footflex">
-            <el-image class="image" src="/src/assets/unit.png" fit="fill" />
+            <el-image class="image" :src="unit" fit="fill" />
             <el-col :span="12" class="foot_1">
               <div class="footTitle"><span>业务洽谈：0431-81165166</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span>企业邮箱：jlpstm@126.com</span></div>
               <div class="footTitle">地 址：长春朝阳区前进大街1244号（吉林省科技厅科研园）</div>
@@ -88,8 +88,8 @@
               </div>
             </el-col>
             <el-col :span="4" class="foot_3 footflex">
-              <el-image class="image" src="../../../public/code.png" fit="fill" />
-              <el-image class="image" src="../../../public/code.png" fit="fill" />
+              <el-image class="image" :src="code" fit="fill" />
+              <el-image class="image" :src="code" fit="fill" />
             </el-col>
           </div>
         </el-col>
@@ -102,14 +102,14 @@
       </el-col>
     </div>
     <div class="tool tool2" v-else @mouseover="toOpen">
-      <el-image class="image" src="/src/assets/menu_1.png" fit="fill" />
+      <el-image class="image" :src="menu_1" fit="fill" />
     </div>
     <el-dialog v-model="dialog" title="智能客服">
       <el-col :span="24" class="dialog">
         <div class="content">
           <div class="title">智能客服为您服务</div>
           <div class="list">
-            <el-image class="image" src="/src/assets/kf.png" fit="fill" />
+            <el-image class="image" :src="kf" fit="fill" />
             <div class="message">Hi，遇到问题随时找智能客服哟～ 有什么需要我帮忙的吗？</div>
           </div>
         </div>
@@ -137,6 +137,21 @@ import achievement from './components/achievement.vue';
 import demand from './components/demand.vue';
 import service from './components/service.vue';
 import activity from './components/activity.vue';
+
+// 图片引入
+import kf from '@/assets/kf.png';
+import code from '@/assets/code.png';
+import unit from '@/assets/unit.png';
+import video_1 from '@/assets/video_1.png';
+import video_2 from '@/assets/video_2.jpg';
+import menu_1 from '@/assets/menu_1.png';
+import menu_2 from '@/assets/menu_2.png';
+import menu_3 from '@/assets/menu_3.png';
+import menu_4 from '@/assets/menu_4.png';
+import menu_5 from '@/assets/menu_5.png';
+import menu_6 from '@/assets/menu_6.png';
+import menu_7 from '@/assets/menu_7.png';
+
 // 接口
 // import { ToolsStore } from '@/stores/tool';
 // import type { IQueryResult } from '@/util/types.util'
@@ -544,27 +559,27 @@ const trendsList: Ref<any> = ref([
 ]);
 // 活动大厅视频点播
 const videoList: Ref<any> = ref([
-  { title: '2023年中国浙江网上技术市场活动周 首届浙江科技创新合作大会', url: '/src/assets/video_1.png', time: '2023-12-11 08:00:00', status: '1' },
-  { title: '浙江海宁—英国技术成果转移转化“云对接”活动', url: '/src/assets/video_1.png', time: '2023-12-11 08:00:00', status: '1' },
-  { title: '“哪吒计划”先进电子专场路演——杭州专场', url: '/src/assets/video_2.jpg', time: '2023-12-11 08:00:00', status: '1' },
-  { title: '2023年中国浙江网上技术市场活动周 首届浙江科技创新合作大会', url: '/src/assets/video_2.jpg', time: '2023-12-11 08:00:00', status: '1' },
-  { title: '2023年中国浙江网上技术市场活动周 首届浙江科技创新合作大会', url: '/src/assets/video_2.jpg', time: '2023-12-11 08:00:00', status: '1' },
-  { title: '2023年中国浙江网上技术市场活动周 首届浙江科技创新合作大会', url: '/src/assets/video_2.jpg', time: '2023-12-11 08:00:00', status: '1' },
-  { title: '2023年中国浙江网上技术市场活动周 首届浙江科技创新合作大会', url: '/src/assets/video_1.png', time: '2023-12-11 08:00:00', status: '1' },
-  { title: '浙江海宁—英国技术成果转移转化“云对接”活动', url: '/src/assets/video_1.png', time: '2023-12-11 08:00:00', status: '1' },
-  { title: '2023年中国浙江网上技术市场活动周 首届浙江科技创新合作大会', url: '/src/assets/video_1.png', time: '2023-12-11 08:00:00', status: '1' },
-  { title: '浙江海宁—英国技术成果转移转化“云对接”活动', url: '/src/assets/video_1.png', time: '2023-12-11 08:00:00', status: '1' },
-  { title: '2023年中国浙江网上技术市场活动周 首届浙江科技创新合作大会', url: '/src/assets/video_1.png', time: '2023-12-11 08:00:00', status: '1' },
-  { title: '浙江海宁—英国技术成果转移转化“云对接”活动', url: '/src/assets/video_1.png', time: '2023-12-11 08:00:00', status: '1' }
+  { title: '2023年中国浙江网上技术市场活动周 首届浙江科技创新合作大会', url: video_1, time: '2023-12-11 08:00:00', status: '1' },
+  { title: '浙江海宁—英国技术成果转移转化“云对接”活动', url: video_1, time: '2023-12-11 08:00:00', status: '1' },
+  { title: '“哪吒计划”先进电子专场路演——杭州专场', url: video_2, time: '2023-12-11 08:00:00', status: '1' },
+  { title: '2023年中国浙江网上技术市场活动周 首届浙江科技创新合作大会', url: video_2, time: '2023-12-11 08:00:00', status: '1' },
+  { title: '2023年中国浙江网上技术市场活动周 首届浙江科技创新合作大会', url: video_2, time: '2023-12-11 08:00:00', status: '1' },
+  { title: '2023年中国浙江网上技术市场活动周 首届浙江科技创新合作大会', url: video_2, time: '2023-12-11 08:00:00', status: '1' },
+  { title: '2023年中国浙江网上技术市场活动周 首届浙江科技创新合作大会', url: video_1, time: '2023-12-11 08:00:00', status: '1' },
+  { title: '浙江海宁—英国技术成果转移转化“云对接”活动', url: video_1, time: '2023-12-11 08:00:00', status: '1' },
+  { title: '2023年中国浙江网上技术市场活动周 首届浙江科技创新合作大会', url: video_1, time: '2023-12-11 08:00:00', status: '1' },
+  { title: '浙江海宁—英国技术成果转移转化“云对接”活动', url: video_1, time: '2023-12-11 08:00:00', status: '1' },
+  { title: '2023年中国浙江网上技术市场活动周 首届浙江科技创新合作大会', url: video_1, time: '2023-12-11 08:00:00', status: '1' },
+  { title: '浙江海宁—英国技术成果转移转化“云对接”活动', url: video_1, time: '2023-12-11 08:00:00', status: '1' }
 ]);
 // 菜单
 const toolList: Ref<any> = ref([
-  { name: '我要交易', url: '/src/assets/menu_3.png', route: '/' },
-  { name: '找项目', url: '/src/assets/menu_2.png', route: '/demand' },
-  { name: '找成果', url: '/src/assets/menu_4.png', route: '/achieve' },
-  { name: '找服务', url: '/src/assets/menu_6.png', route: '/service' },
-  { name: '智能客服', url: '/src/assets/menu_7.png', type: '0' },
-  { name: '返回顶部', url: '/src/assets/menu_5.png', type: '1' }
+  { name: '我要交易', url: menu_3, route: '/' },
+  { name: '找项目', url: menu_2, route: '/demand' },
+  { name: '找成果', url: menu_4, route: '/achieve' },
+  { name: '找服务', url: menu_6, route: '/service' },
+  { name: '智能客服', url: menu_7, type: '0' },
+  { name: '返回顶部', url: menu_5, type: '1' }
 ]);
 // 是否展开
 const isOpen: Ref<any> = ref(false);

src/views/login/index.vue

@@ -5,7 +5,7 @@
         <cHead></cHead>
         <el-col :span="24" class="two">
           <div class="logo">
-            <el-image class="image" src="/src/assets/login.jpeg" fit="fill" />
+            <el-image class="image" :src="login" fit="fill" />
           </div>
           <div class="loginform">
             <el-col :span="24" class="tab">
@@ -85,6 +85,8 @@ import { onMounted, ref, reactive } from 'vue';
 import type { FormInstance, FormRules } from 'element-plus';
 import { useRoute, useRouter } from 'vue-router';
 import { siteInfo } from '@/layout/site';
+// 图片引入
+import login from '@/assets/login.jpeg';
 // // 接口
 // import { ToolsStore } from '@/stores/tool';
 // import type { IQueryResult } from '@/util/types.util';
@@ -142,7 +144,7 @@ const toRegister = () => {
 <style scoped lang="scss">
 .main {
   .two {
-    background-image: url(/src/assets/loginbg.jpg);
+    background-image: url(@/assets/loginbg.jpg);
     background-position: center center;
     background-repeat: no-repeat;
     height: 500px;

src/views/policy/detail.vue

@@ -71,7 +71,7 @@ const searchOther = async () => {
 </script>
 <style scoped lang="scss">
 .main {
-  background: url(/src/assets/detail.png) right top no-repeat;
+  background: url(@/assets/detail.png) right top no-repeat;
   background-size: 100%;
 
   .one {

src/views/policy/index.vue

@@ -181,7 +181,7 @@ const handleClick = (tab: TabsPaneContext, event: Event) => {
 </script>
 <style scoped lang="scss">
 .main {
-  background: url(/src/assets/detail.png) right top no-repeat;
+  background: url(@/assets/detail.png) right top no-repeat;
   background-size: 100%;
   .one {
     margin: 10px 0 0 0;

src/views/register/index.vue

@@ -5,7 +5,7 @@
         <cHead ></cHead>
         <el-col :span="24" class="two">
           <div class="logo">
-            <el-image class="image" src="/src/assets/login.jpeg" fit="fill" />
+            <el-image class="image" :src="login" fit="fill" />
           </div>
           <div class="loginform">
             <el-col :span="24" class="tab">
@@ -241,6 +241,8 @@ import { onMounted, ref, reactive } from 'vue';
 import type { FormInstance, FormRules } from 'element-plus';
 import { useRouter } from 'vue-router';
 import { siteInfo } from '@/layout/site';
+// 图片引入
+import login from '@/assets/login.jpeg';
 // // 接口
 // import { ToolsStore } from '@/stores/tool';
 // import type { IQueryResult } from '@/util/types.util';
@@ -301,7 +303,7 @@ const toBack = () => {
 <style scoped lang="scss">
 .main {
   .two {
-    background-image: url(/src/assets/loginbg.jpg);
+    background-image: url(@/assets/loginbg.jpg);
     background-position: center center;
     background-repeat: no-repeat;
     height: 500px;

src/views/service/detail.vue

@@ -72,6 +72,8 @@ import type { Ref } from 'vue';
 import { onMounted, ref } from 'vue';
 import { useRoute } from 'vue-router';
 import { MessageOutlined } from '@ant-design/icons-vue';
+// 图片引入
+import login from '@/assets/login.jpeg';
 // 接口
 // import { ToolsStore } from '@/stores/tool';
 // import type { IQueryResult } from '@/util/types.util';
@@ -88,7 +90,7 @@ const info: Ref<any> = ref({
   time: '2024-01-05 09:12:23',
   end_time: '2024-01-05 09:12:23',
   money: '3',
-  url: '/src/assets/login.jpeg',
+  url: login,
   brief: '面向科技型企业提供天使投资、创业投资等股权投资服务'
 });
 // 请求
@@ -119,7 +121,7 @@ const searchOther = async () => {
 </script>
 <style scoped lang="scss">
 .main {
-  background: url(/src/assets/detail.png) right top no-repeat;
+  background: url(@/assets/detail.png) right top no-repeat;
   background-size: 100%;
 
   .image {

src/views/service/index.vue

@@ -52,6 +52,8 @@
 import type { Ref } from 'vue';
 import { onMounted, getCurrentInstance, ref } from 'vue';
 import { useRouter } from 'vue-router';
+import video_1 from '@/assets/video_1.png';
+import video_2 from '@/assets/video_2.jpg';
 // 接口
 // import { ToolsStore } from '@/stores/tool';
 // import type { IQueryResult } from '@/util/types.util';
@@ -68,62 +70,62 @@ let list: Ref<any> = ref([
     area: '先进制造',
     city: '舟山市',
     unit: '浙江易丰安全科技有限公司',
-    url: '/src/assets/video_1.png'
+    url: video_1
   },
   {
     name: '拉力均衡强稳定性无焊口锚链',
     area: '先进制造',
     city: '舟山市',
-    url: '/src/assets/video_1.png',
+    url: video_1,
     unit: '浙江易丰安全科技有限公司'
   },
   {
     name: '拉力均衡强稳定性无焊口锚链',
     area: '先进制造',
     city: '舟山市',
-    url: '/src/assets/video_1.png',
+    url: video_1,
     unit: '浙江易丰安全科技有限公司'
   },
   {
     name: '拉力均衡强稳定性无焊口锚链',
     area: '先进制造',
     city: '舟山市',
-    url: '/src/assets/video_1.png',
+    url: video_1,
     unit: '浙江易丰安全科技有限公司'
   },
   {
     name: '拉力均衡强稳定性无焊口锚链',
     area: '先进制造',
     city: '舟山市',
-    url: '/src/assets/video_1.png',
+    url: video_1,
     unit: '浙江易丰安全科技有限公司'
   },
   {
     name: '拉力均衡强稳定性无焊口锚链',
     area: '先进制造',
     city: '舟山市',
-    url: '/src/assets/video_1.png',
+    url: video_1,
     unit: '浙江易丰安全科技有限公司'
   },
   {
     name: '拉力均衡强稳定性无焊口锚链',
     area: '先进制造',
     city: '舟山市',
-    url: '/src/assets/video_1.png',
+    url: video_1,
     unit: '浙江易丰安全科技有限公司'
   },
   {
     name: '拉力均衡强稳定性无焊口锚链',
     area: '先进制造',
     city: '舟山市',
-    url: '/src/assets/video_1.png',
+    url: video_1,
     unit: '浙江易丰安全科技有限公司'
   },
   {
     name: '拉力均衡强稳定性无焊口锚链',
     area: '先进制造',
     city: '舟山市',
-    url: '/src/assets/video_1.png',
+    url: video_1,
     unit: '浙江易丰安全科技有限公司'
   }
 ]);
@@ -226,7 +228,7 @@ const onShowSizeChange = (current: number, pageSize: number) => {
 </script>
 <style scoped lang="scss">
 .main {
-  background: url(/src/assets/detail.png) right top no-repeat;
+  background: url(@/assets/detail.png) right top no-repeat;
   background-size: 100%;
   .one {
     margin: 10px 0 0 0;

src/views/trade/detail.vue

@@ -128,7 +128,7 @@ const searchOther = async () => {
 </script>
 <style scoped lang="scss">
 .main {
-  background: url(/src/assets/detail.png) right top no-repeat;
+  background: url(@/assets/detail.png) right top no-repeat;
   background-size: 100%;
 
   .one {

src/views/trade/one.vue

@@ -194,7 +194,7 @@ const onShowSizeChange = (current: number, pageSize: number) => {
 </script>
 <style scoped lang="scss">
 .main {
-  background: url(/src/assets/detail.png) right top no-repeat;
+  background: url(@/assets/detail.png) right top no-repeat;
   background-size: 100%;
   .one {
     margin: 10px 0 0 0;