修改

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

@@ -1,6 +1,6 @@
 <!-- 园区公告-->
 <template>
-    <div class="notice" v-loading="pageLoading">
+    <div class="notice">
         <div class="title_box">
             <div class="title">
                 <span class="chinese">园区公告</span>
@@ -63,27 +63,16 @@
 <script>
 //这里可以导入其他文件（比如：组件，工具js，第三方插件js，json文件，图片文件等等）
 //例如：import 《组件名称》 from '《组件路径》';
-import { questionList } from "@mixin/questionMixin";
 import { routerOpenInNewWindow } from "@/utils/common.js";
 
 export default {
     //import引入的组件需要注入到对象中才能使用
     components: {},
-    props: ["lists"],
-    mixins: [questionList],
+    props: ["dataList"],
     data() {
         //这里存放数据
         return {
             animate: false,
-            pageLoading: false,
-            queryParams: {
-                page: 1,
-                pageSize: 7,
-                search: "",
-                type: "",
-            },
-            total: 0,
-            dataList: [],
         };
     },
     //监听属性 类似于data概念
@@ -124,7 +113,6 @@ export default {
     //生命周期 - 创建完成（可以访问当前this实例）
     created() {
         setInterval(this.scroll, 5000);
-        this.getData();
     },
     //生命周期 - 挂载完成（可以访问DOM元素）
     mounted() {},

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

@@ -17,14 +17,14 @@
             </li>
         </ul>
         <section class="content row">
-            <div :class="[lists.length < 5 ? 'row_100' : 'row_50']">
-                <introduce :lists="lists" :parkInfo="parkInfo"></introduce>
-                <div v-if="lists.length < 5" class="top_padding">
-                    <notice :lists="lists"></notice>
+            <div :class="[dataList.length < 5 ? 'row_100' : 'row_50']">
+                <introduce :dataList="dataList" :parkInfo="parkInfo"></introduce>
+                <div v-if="dataList.length < 5" class="top_padding">
+                    <notice :dataList="dataList"></notice>
                 </div>
             </div>
-            <div v-if="lists.length >= 5" class="row_50 left_padding">
-                <notice :lists="lists"></notice>
+            <div v-if="dataList.length >= 5" class="row_50 left_padding">
+                <notice :dataList="dataList"></notice>
             </div>
         </section>
     </div>
@@ -35,10 +35,12 @@
 //例如：import 《组件名称》 from '《组件路径》';
 import Introduce from "./Introduce.vue";
 import Notice from "./Notice.vue";
+import { questionList } from "@mixin/questionMixin";
 
 export default {
     //import引入的组件需要注入到对象中才能使用
     components: { Introduce, Notice },
+    mixins: [questionList],
     props: {
         //每个标题内容
         navLists: {
@@ -53,7 +55,15 @@ export default {
     data() {
         //这里存放数据
         return {
-            lists: [1, 2, 3, 4, 5, 6],
+            pageLoading: false,
+            queryParams: {
+                page: 1,
+                pageSize: 7,
+                search: "",
+                type: "",
+            },
+            total: 0,
+            dataList: [],
         };
     },
     //监听属性 类似于data概念
@@ -76,7 +86,9 @@ export default {
         },
     },
     //生命周期 - 创建完成（可以访问当前this实例）
-    created() {},
+    created() {
+        this.getData();
+    },
     //生命周期 - 挂载完成（可以访问DOM元素）
     mounted() {},
 };