首页新闻中心

src/views/InvitePeople.vue

@@ -4,13 +4,13 @@
       <div class="back" @click="goBack">
         <img src="@/assets/back.png" alt="">
       </div>
-      <div class="title">央企文化</div>
+      <div class="title">邀请百姓</div>
     </div>
   <div class="invite-page">
   
     <!-- 顶部logo和宣传语 -->
     <div class="top-header">
-      <img class="logo" src="" alt="" />
+      <img class="logo" src="@/assets/hongqi.png" alt="" />
       <div class="slogan">红旗资本·民生为本·保障一生</div>
     </div>
 
@@ -115,8 +115,8 @@ export default {
   margin-bottom: 24px;
   padding-top:12px;
   .logo {
-    width: 64px;
-    height: 64px;
+    width: 85px;
+    height: 58px;
     object-fit: contain;
     background: #fff;
     margin-right: 16px;

src/views/home/index.vue

@@ -46,24 +46,11 @@
       <button class="party-btn">党员申请</button>
     </div>
     <div class="news-title">新闻中心</div>
-    <div class="news-list">
-      <div class="news-item">
-        <div class="news-item-title">
-          <span>新闻标题</span>
-        </div>
-      </div>
-      <div class="news-item">
-        <div class="news-item-title">
-          <span>新闻标题</span>
-        </div>
-      </div>
-      <div class="news-item">
-        <div class="news-item-title">
-          <span>新闻标题</span>
-        </div>
-      </div>
-      
-    </div>
+    <iframe
+      class="news-iframe"
+      src="https://www.nongfuspring.com/en/aboutus/management.html"
+      frameborder="0"
+    ></iframe>
     
   </div>
 </template>
@@ -76,7 +63,8 @@ export default {
   data() {
     return {
       banners: [],
-      userInfo: {}
+      userInfo: {},
+      newsList: []
     };
   },
   components: {
@@ -109,7 +97,7 @@ export default {
     },
     toInvitePeople() {
       this.$router.push('/InvitePeople');
-    }
+    },
   }
 };
 </script>
@@ -119,7 +107,7 @@ export default {
   height: 100%;
   width: 100%;
   background: url('~@/assets/dabag.png') no-repeat center center;
-  background-size: cover;
+  background-size: 100% 100%;
   background-position: center;
   display: flex;
   flex-direction: column;
@@ -241,4 +229,12 @@ export default {
   font-weight: bold;
   text-shadow: 0 2px 8px rgba(0,0,0,0.12);
 }
+.news-iframe {
+  width: 100%;
+  min-height: 650px; /* 保证在小屏下也有合适高度 */
+  border: none;
+  margin-top: 12px;
+  border-radius: 8px;
+  background: #fff;
+}
 </style>