新闻中心

src/api/home.js

@@ -3,3 +3,4 @@ import request from "@/utils/request";
 export const getBanners = (data) => request({ url: "index/get_banners", method: "post", data,loading:true });
 export const getUserInfo = (data) => request({ url: "user/get_userinfo", method: "post", data,loading:true });
 export const getNewsDetail = (data) => request({ url: "index/newss_datail", method: "post", data,loading:true });
+export const getNews = (data) => request({ url: "index/get_newss", method: "post", data,loading:true });

src/views/home/index.vue

@@ -46,17 +46,19 @@
       <button class="party-btn">党员申请</button>
     </div>
     <div class="news-title">新闻中心</div>
-    <iframe
+    <div class="news_content" v-html="newsList[2].content">
+    </div>
+    <!-- <iframe
       class="news-iframe"
       src="https://www.nongfuspring.com/en/aboutus/management.html"
       frameborder="0"
-    ></iframe>
+    ></iframe> -->
     
   </div>
 </template>
 
 <script>
-import { getBanners, getUserInfo } from '@/api/home';
+import { getBanners, getUserInfo,getNews } from '@/api/home';
 import { Swipe, SwipeItem } from 'vant';
 export default {
   name: "Home",
@@ -64,7 +66,7 @@ export default {
     return {
       banners: [],
       userInfo: {},
-      newsList: []
+      newsList: [],
     };
   },
   components: {
@@ -74,6 +76,7 @@ export default {
   mounted() {
     this.getBanners();
     this.getUserInfo();
+    this.getNewsDetail()
   },
   methods: {
     async getUserInfo() {
@@ -85,6 +88,10 @@ export default {
       formData.append('cid', 5);
       const res = await getBanners(formData);
       this.banners = res.data.map(url => url.replace(/^https:/, 'http:'));
+    },
+     async getNewsDetail() {
+        const res = await getNews()
+        this.newsList = res.data
     },
     toOfficialGroup() {
       window.open(this.userInfo.link[2].value, '_blank');
@@ -229,9 +236,9 @@ export default {
   font-weight: bold;
   text-shadow: 0 2px 8px rgba(0,0,0,0.12);
 }
-.news-iframe {
+.news_content {
   width: 100%;
-  min-height: 650px; /* 保证在小屏下也有合适高度 */
+  min-height: 450px; /* 保证在小屏下也有合适高度 */
   border: none;
   margin-top: 12px;
   border-radius: 8px;