提交代码~修改相关

digital-park-web/digital-park/src/components/Header.vue

@@ -103,6 +103,7 @@ export default {
     background: transparent;
     @include flex(row, center, center, wrap);
     @include border-box;
+    background: rgba($color: #000000, $alpha: .3)
 }
 .wrap {
     @include size($wrapWidth, 100%);

digital-park-web/digital-park/src/views/index/Banner.vue

@@ -4,11 +4,11 @@
         <section class="nav">
             <Nav :areaName="areaName"></Nav>
         </section>
-        <!-- <el-carousel height="600px">
-            <el-carousel-item v-for="item in 1" :key="item">
-                <img :src="item" alt="" />
+        <el-carousel height="600px">
+            <el-carousel-item v-for="item in photo" :key="item">
+                <img class="img-carousel" :src="formatImg(item)" alt="园区图片" />
             </el-carousel-item>
-        </el-carousel>-->
+        </el-carousel>
     </div>
 </template>
 
@@ -16,7 +16,7 @@
 //这里可以导入其他文件（比如：组件，工具js，第三方插件js，json文件，图片文件等等）
 //例如：import 《组件名称》 from '《组件路径》';
 import Nav from "@components/Header.vue";
-
+import { formatImg } from "@/utils/common.js";
 export default {
     props: {
         areaName: {
@@ -24,6 +24,13 @@ export default {
             require: true,
             default: "",
         },
+        photo: {
+            type: Array,
+            require: true,
+            default: ()=>[],
+        },
+
+        
     },
     //import引入的组件需要注入到对象中才能使用
     components: { Nav },
@@ -36,7 +43,9 @@ export default {
     //监控data中的数据变化
     watch: {},
     //方法集合
-    methods: {},
+    methods: {
+        formatImg,
+    },
     //生命周期 - 创建完成（可以访问当前this实例）
     created() {},
     //生命周期 - 挂载完成（可以访问DOM元素）
@@ -47,9 +56,14 @@ export default {
 //@import url(); 引入公共css类
 .banner {
     @include size(100%, 600px);
-    background: url("~@assets/image/index/banner.png") no-repeat;
-    background-size: 100% 100%;
+    // background: url("~@assets/image/index/banner.png") no-repeat;
+    // background-size: 100% 100%;
+    
     position: relative;
+    .img-carousel {
+        width: 100%;
+        height: 100%;
+    }
     .nav {
         z-index: 100;
         position: absolute;

digital-park-web/digital-park/src/views/index/Index.vue

@@ -1,6 +1,6 @@
 <template>
     <div class="home">
-        <Banner :areaName="areaName"></Banner>
+        <Banner :areaName="areaName" :photo="photo"></Banner>
         <div>
             <park-introduce :navLists="indexTab" :parkInfo="parkInfo" :areaName="areaName"></park-introduce>
             <!-- 产业导向和发展方向 -->
@@ -92,6 +92,9 @@ export default {
             navShow:false,
             // 园区名称
             areaName:"",
+            // 园区图片
+            photo:[],
+            
         };
     },
     computed: {},
@@ -118,6 +121,7 @@ export default {
                             this.parkInfo.surroundingFacilities;
                         this.navShow = true;
                         this.areaName = this.parkInfo.areaName;
+                        this.photo = this.parkInfo.photo || [];
                     } else {
                         this.$message.error(`获取数据失败,请刷新重试！`);
                     }

digital-park-web/digital-park/src/views/index/park-introduce/Introduce.vue

@@ -19,9 +19,9 @@
                         :options="playerOptions"
                     ></video-player>
                 </el-carousel-item>
-                <el-carousel-item v-for="(item, index) in parkInfo.photo" :key="index">
+                <!-- <el-carousel-item v-for="(item, index) in parkInfo.photo" :key="index">
                     <img :src="formatImg(item)" alt="园区图片" />
-                </el-carousel-item>
+                </el-carousel-item> -->
             </el-carousel>
         </div>