“index_page完成了”

components/index_page.vue

@@ -1,12 +1,14 @@
 <template>
 	<view>
 		<text class="title">楷模列表</text>
-		<view class="page">
-			<view></view>
+		<view class="page" v-for="i in result">
 			<view>
-				<p>中宣部授予肖文儒“时代楷模”楷模楷模楷模楷模楷模楷模楷模楷模楷模楷模楷模楷模楷模楷模</p>
-				<p>模特姓名：肖文儒</p>
-				<p>38年来，国家安全生产应急救援中心副主任兼工程师肖文儒参与过多次重大建设工程重大建设工程重大建设工程重大建设工程重大建设工程重大建设工程重大建设工程</p>
+				<image :src="`http://124.93.196.45:10091/Neusoft/times-model${i[2]}`"></image>
+			</view>
+			<view>
+				<p>中宣部授予{{i[0]}}“时代楷模”楷模楷模楷模楷模楷模楷模楷模楷模楷模楷模楷模楷模楷模楷模</p>
+				<p>模特姓名：{{i[0]}}</p>
+				<p>{{i[1]}}</p>
 			</view>
 		</view>
 	</view>
@@ -16,15 +18,16 @@
 	export default {
 		data() {
 			return {
-				result:[]
+				result: []
 			}
 		},
 		async onLoad() {
-			for(let i=1;i<4;i++){
+			for (let i = 1; i < 4; i++) {
 				this.result.push(this.requests("down", `appNotice/app-o/loopMapDetail?id=${i}`))
 			}
 			this.result = await Promise.all(this.result);
-			this.result=this.result.map(x=>[x.data.modelName,x.data.content,x.data.picPath])
+			this.result = this.result.map(x => [x.data.modelName, x.data.content, x.data.picPath])
+			console.log(this.result.splice(this.result.length))
 			console.log(this.result);
 		},
 		methods: {
@@ -60,9 +63,6 @@
 </script>
 
 <style>
-	template>view{
-		background-color: black;
-	}
 	.title {
 		display: block;
 		border-left: 5px firebrick solid;
@@ -84,12 +84,16 @@
 		width: 25%;
 		height: 75%;
 		margin: 3%;
-		background-color: red;
+
 	}
 
+	.page view:first-of-type image {
+		width: 100%;
+		height: 100%;
+	}
 
 	.page view:nth-child(2) {
-		width: 75%;
+		width: 65%;
 	}
 
 	.page view:nth-child(2) p:first-of-type {
@@ -112,6 +116,5 @@
 		-webkit-line-clamp: 2;
 		overflow: hidden;
 		text-overflow: ellipsis;
-		word-break: break-word;
 	}
 </style>