123

pages/index/index.wxml

@@ -17,9 +17,21 @@
 		<view class="top2">长春市朝阳区数据统计</view>
 	</view>
 	<view class="top3">
-		<view class="top3-box">a</view>
-		<view class="top3-box">a</view>
-		<view class="top3-box">a</view>
+		<view class="top3-box">
+			<image src="/images/indexicon1.png" style="width: 77rpx; height: 70rpx;  margin-top: 20rpx;"></image>
+			<view class="top3-num">45623</view>
+			<view class="top3-title">老人数量</view>
+		</view>
+		<view class="top3-box">
+			<image src="/images/indexicon2.png" style="width: 77rpx; height: 70rpx;  margin-top: 20rpx;"></image>
+			<view class="top3-num">12312</view>
+			<view class="top3-title">巡访员数量</view>
+		</view>
+		<view class="top3-box">
+			<image src="/images/indexicon3.png" style="width: 77rpx; height: 70rpx;  margin-top: 20rpx;"></image>
+			<view class="top3-num">56132</view>
+			<view class="top3-title">累计巡访量</view>
+		</view>
 	</view>
 
 

pages/index/index.wxss

@@ -60,20 +60,41 @@
   font-weight: bold;
   margin-left: 20rpx;
 }
+
 .top3 {
   display: flex;
   margin-top: 20rpx;
 }
+
 .top3-box {
   background-color: #e5f6ff;
   width: 220rpx;
   height: 224rpx;
-  border-radius:10rpx;
+  border-radius: 10rpx;
   text-align: center;
 }
+
 .top3-box:nth-child(2) {
   margin-left: 20rpx;
 }
+
 .top3-box:nth-child(3) {
   margin-left: 20rpx;
+}
+
+.top3-title {
+  color: #9eb7c9;
+  font-size: 30rpx;
+  font-family: SourceHanSansCN;
+  font-weight: 500;
+  margin-top: 5rpx;
+
+}
+
+top3-num {
+  font-size: 36rpx;
+  font-family: SourceHanSansCN;
+  font-weight: 500;
+  color: #9DB7C9;
+  margin-top: 20rpx;
 }