完善首页内容

pages/index/index.vue

@@ -84,8 +84,37 @@
 		 			<image src="/static/right-arrow-blue.png" mode="aspectFill" style="width: 12rpx;height: 16rpx;"></image>
 		 		</view>
 		 	</view>
+			
+			<view class="notice-content-box" v-for="(item , index) in attractList" :key="index" style="justify-content: start;">
+				<image :src="item.url" mode="aspectFit" style="width:112rpx;height:112rpx;margin-right: 20rpx;"></image>
+				<view class="notice-content">
+					<view class="notice-content-font">{{item.title}}</view>
+					<view class="attract-content">{{item.subtitle}}</view>
+					<view class="notice-content-time" style="margin-top: 20rpx;">{{item.time}}</view>
+				</view>
+			</view>
 		 </view> 
 		 
+		 <view class="notice-box" style="margin-top:20rpx;">
+		 	<view class="notice-title-box">
+		 		<view class="notice-font">区内活动</view>
+		 		<view class="notice-more-font">
+		 			<view style="margin-right: 8rpx;font-size: 22rpx;">更多</view>
+		 			<image src="/static/right-arrow-blue.png" mode="aspectFill" style="width: 12rpx;height: 16rpx;"></image>
+		 		</view>
+		 	</view>
+		 			
+			<view class="notice-content-box" v-for="(item , index) in activityList" :key="index" style="justify-content: start;">
+				<image :src="item.url" mode="aspectFit" style="width:128rpx;height:128rpx;margin-right: 20rpx;"></image>
+				<view class="notice-content" style="width: 70%;">
+					<view class="notice-content-font" style="white-space: break-spaces;">{{item.title}}</view>
+					<view class="attract-content">
+						
+					</view>
+					<view class="notice-content-time" style="margin-top: 20rpx;">{{item.time}}</view>
+				</view>
+			</view>
+		 </view> 
 		 
 	</view>
 </template>
@@ -182,7 +211,33 @@
 						area1:1.72,
 						area2:1.01
 					},
-				]
+				],
+			    attractList:[
+			    	{
+			    		url:'/static/attract/1.png',
+			    		title:'工业互联网',
+						subtitle:'工业互联网是全球工业系统与高级计算、分析、...',
+			    		time:'2021-09-05'
+			    	},
+			    	{
+			    		url:'/static/attract/2.png',
+			    		title:'生产性服务业',
+						subtitle:'生产性服务业是指为保持工业生产过程的连续性...',
+			    		time:'2021-09-05'
+			    	},
+			    ],
+				activityList:[
+					{
+						url:'/static/activity/1.png',
+						title:'400场讲座,200门课程,免费送上门!就等你申请',
+						time:'2021-09-05'
+					},
+					{
+						url:'/static/activity/2.png',
+						title:'智能制造商标品牌培育系列培训活动',
+						time:'2021-09-05'
+					},
+				],
 			}
 		},
 		onLoad() {
@@ -301,7 +356,7 @@
 		border-radius: 32rpx;
 		margin-right: 20rpx;
 		position: relative;
-		height: 440rpx;
+		height: 450rpx;
 	}
 	.park-content-box {
 		width: 394rpx;
@@ -347,4 +402,13 @@
 	.width-30 {
 		width: 30%;
 	}
+	.attract-content {
+		color: #697594;
+		font-weight: 600;
+		font-size: 20rpx;
+		margin-top: 8rpx;
+		overflow: hidden;
+		text-overflow: ellipsis;
+		white-space: nowrap;
+	}
 </style>