修改

api/homepage/index.js

@@ -7,3 +7,12 @@ export function selectOrderByNursePersonCount(nurseStationPersonId) {
 		method: 'GET'
 	})
 }
+
+
+//护理新闻
+export function selectNurseNews() {
+	return request({
+		url: `/nurseApplet/personLearn/selectNurseNews?informationCategoryType=${'NURSING_NEWS'}`,
+		method: 'GET'
+	})
+}

pages/homepage/homepage.vue

@@ -54,13 +54,10 @@
 				<u-icon name="arrow-right" color='#969494'></u-icon>
 			</view>
 			<view class="items" @tap='goHealthknowledge'>
-				<view class="item">
-					<image src="../../static/hlxw.png" mode=""></image>
+				<view class="item" v-for='(item,index) in NurseNewslist'>
+					<image :src="item.leadThumbnailUrl" mode=""></image>
 					<view class="toptext">
-						护理 I 致力于打造专业护理人才
-					</view>
-					<view class="centertext">
-						生活小窍门,是指人们在日常生活中总结出来的知识和经验,和生活小常识非常相似
+						{{item.informationTitle}}
 					</view>
 				</view>
 			</view>
@@ -70,7 +67,8 @@
 
 <script>
 	import {
-		selectOrderByNursePersonCount
+		selectOrderByNursePersonCount,
+		selectNurseNews
 	} from '@/api/homepage/index.js'
 	import {
 		mapActions
@@ -83,9 +81,11 @@
 				nurserStationPersonId: null, //护理员id
 				selectOrderByNursePersonCountlist: {}, //项目数量对象
 				personRoleLoginFlag: 'notRoleName', //身份认证
+				NurseNewslist: [],
 			};
 		},
 		onShow() {
+			this.selectNurseNewsinfo();
 			this.personRoleLoginFlag = "notRoleName"
 			this.selectOrderByNursePersonCountlist = {}
 			this.beijingurl = baseurl + '/profile/nursePersonAppletPicture/person_center.png'
@@ -139,6 +139,17 @@
 					url: '/pages/Learningtraining/Learningtraining'
 				})
 			},
+			//护理新闻
+			selectNurseNewsinfo() {
+				selectNurseNews().then(res => {
+					if (res.rows) {
+						res.rows.forEach(e => {
+							e.leadThumbnailUrl = baseurl + e.leadThumbnailUrl
+						})
+					}
+					this.NurseNewslist = res.rows
+				})
+			},
 		},
 	}
 </script>
@@ -177,34 +188,25 @@
 						position: absolute;
 						top: 0;
 						left: 0;
-						width: 130rpx;
-						height: 130rpx;
-					}
-
-					.centertext {
-						font-size: 22rpx;
-						position: absolute;
-						top: 60rpx;
-						left: 150rpx;
-						overflow: hidden; //超出的文本隐藏
-						display: -webkit-box;
-						-webkit-line-clamp: 2; // 超出多少行
-						-webkit-box-orient: vertical;
+						width: 150rpx;
+						height: 150rpx;
 					}
 
 					.toptext {
-						font-size: 30rpx;
+						line-height: 30rpx;
+						font-size: 26rpx;
 						position: absolute;
 						top: 5rpx;
-						left: 150rpx;
-						width: 75%;
-						overflow: hidden; //超出的文本隐藏
+						left: 170rpx;
+						width: 70%;
+						text-overflow: -o-ellipsis-lastline;
+						overflow: hidden;
+						text-overflow: ellipsis;
 						display: -webkit-box;
-						-webkit-line-clamp: 1; // 超出多少行
+						-webkit-line-clamp: 5; //行数需设置
+						line-clamp: 5;
 						-webkit-box-orient: vertical;
-						// overflow: hidden; //超出的文本隐藏
-						// text-overflow: ellipsis; //溢出用省略号显示
-						// white-space: nowrap; // 默认不换行；
+						text-align: justify;
 					}
 				}
 			}