完成了b部分的第二块，还有一个组件没有完成

pages/index/index.vue

@@ -16,7 +16,7 @@
 				</view>
 				<view class="bottom_right">
 					<p>2021年河北省“最美基层高校毕业生”先进事迹发布</p>
-					<p>河北省委宣传部、省人社局在“最美河北.....</p>
+					<p>河北省委宣传部、省人社局在“最美河北最美河北最美河北最美河北最美河北最美河北最美河北最美河北</p>
 				</view>
 				>
 			</view>
@@ -30,9 +30,9 @@
 			<view class="page">
 				<view></view>
 				<view>
-					<p>中宣部授予肖文儒“时代楷模”...</p>
+					<p>中宣部授予肖文儒“时代楷模”楷模楷模楷模楷模楷模楷模楷模楷模楷模楷模楷模楷模楷模楷模</p>
 					<p>模特姓名：肖文儒</p>
-					<p>38年来，国家安全生产应急救援中心副主任兼工程师肖文儒参与过多次重...</p>
+					<p>38年来，国家安全生产应急救援中心副主任兼工程师肖文儒参与过多次重大建设工程重大建设工程重大建设工程重大建设工程重大建设工程重大建设工程重大建设工程</p>
 				</view>
 			</view>
 		</view>
@@ -60,7 +60,7 @@
 				return this.isRed ? 'red' : 'black'
 			},
 			imagepaths() {
-				const base_url = "http://124.93.196.45:10091/Neusoft/times-model/appStudy/app/historyList"
+				
 				let Path = Array.from({
 					length: 6
 				}, (_, x) => `../../static/c${x+1}.png`);
@@ -68,17 +68,7 @@
 				// 	length: 6
 				// }, (_, x) => `英雄故事`);
 				let value = ["楷模列表", "英雄故事", "身边英雄", "物资捐赠", "数据分析", "更多"]
-				async function text() {
-					const text = await fetch(base_url, {
-						method: "GET",
-						headers: {
-							"Content-Type": "application/json",
-							"Authorization": "eyJhbGciOiJIUzUxMiJ9.eyJsb2dpbl91c2VyX2tleSI6ImIyOGYwYjkzLTU0ZTktNDM3MC05NTczLWUzMWE5MDA2OGM5MyJ9.Gqqt22q3ZxXWZ04gHq5F0tTKPypHRqjGOhCe1NcUjvSplv6GschoZW_3xc_MOI-T38u_81kTXX7LAt7PXemM3w"
-						}
-					})
-					return await text.json()
-				}
-				text().then(data => console.log(data));
+
 				return Path.map((path, index) => ({
 					path: path,
 					value: value[index]
@@ -89,14 +79,13 @@
 			toggleColor() {
 				this.isRed = !this.isRed
 			}
-		}
-	}
+	}}
+	
 </script>
 
 <style>
 	.begin {
 		background-color: rgb(246, 246, 246);
-
 	}
 
 	.text1 {
@@ -107,7 +96,6 @@
 		font-weight: bold;
 		padding-bottom: 3%;
 		background-color: #fff !important;
-		/* margin-right: -1px; */
 	}
 
 	.headers .div {
@@ -149,6 +137,7 @@
 	}
 
 	.bottom_right {
+		width: 80%;
 		height: 10vh;
 		border-radius: 0px 15px 15px 0px;
 	}
@@ -164,6 +153,9 @@
 
 	.bottom_right p:nth-child(2) {
 		font-size: 0.9rem;
+		overflow: hidden;
+		text-overflow: ellipsis;
+		white-space: nowrap;
 	}
 
 	.headers+view {
@@ -175,7 +167,10 @@
 		justify-items: center;
 	}
 
-	.card {width: 55%;text-align: center;}
+	.card {
+		width: 55%;
+		text-align: center;
+	}
 
 	.headers+view+view {
 		background-color: rgb(246, 246, 246);
@@ -207,15 +202,31 @@
 		background-color: red;
 	}
 
+
+	.page view:nth-child(2) {
+		width: 75%;
+	}
+
 	.page view:nth-child(2) p:first-of-type {
 		font-size: 1.2rem;
+		overflow: hidden;
+		text-overflow: ellipsis;
+		white-space: nowrap;
 	}
 
 	.page view:nth-child(2) p:nth-child(2) {
 		font-size: 0.9rem;
+
 	}
 
 	.page view:nth-child(2) p:nth-child(3) {
+		width: 100%;
 		font-size: 0.9rem;
+		display: -webkit-box;
+		-webkit-box-orient: vertical;
+		-webkit-line-clamp: 2;
+		overflow: hidden;
+		text-overflow: ellipsis;
+		word-break: break-word;
 	}
-</style>
+</style>