罗世杰：完成首页数据分析、客服悬浮

components/ShowShopListItem/ShowShopListItem.vue

@@ -63,7 +63,12 @@
 			</view>
 		</view>
 		
-		<view v-if="isADShow" class="list-ads bottom-common" style="font-size: 11px;">
+		<view 
+			v-if="isADShow"
+			class="list-ads bottom-common" 
+			style="font-size: 11px;"
+			@click="handleAD()"
+			>
 			<view>
 				<text>已将该店推给</text> 
 				<text style="color:#ce3b3b;margin: 0 4px;"> {{shopInfo.promotionNum}} </text> 
@@ -143,6 +148,11 @@
 				uni.navigateTo({
 					url: '/pages/detail/detail'
 				})
+			},
+			handleAD(){
+				uni.navigateTo({
+					url: '/pages/publish/publishTransfer/publishTransfer'
+				})
 			}
 		}
 	}

pages/index/HomeMainContent/Statistics.vue

@@ -7,21 +7,39 @@
 					height="320rpx"
 				/>
 			</view>
-			
+			<text class="text1">累计用户</text>
+			<text class="num1">{{ sumUser.total }}</text>
+			<view class="border border1"></view>
+			<text class="num11">昨日新增{{ sumUser.yesterday }}位</text>
+
 		</view>
 		<view class="right">
-			<view>
+			<view class="right1">
-				<u-image src="/static/statistics/sy_icon_ljzd1.png"
+				<view>
-					width="340rpx"
+					<u-image src="/static/statistics/sy_icon_ljzd1.png"
-					height="150rpx"
+						width="340rpx"
-				/>
+						height="150rpx"
+					/>
+				</view>
+				<text class="text2">累计转店</text>
+				<text class="num2">{{ sumTrans.total }}</text>
+				<view class="border border2"></view>
+				<text class="num21">昨日新增{{ sumTrans.yesterday }}位</text>
+
 			</view>
-			<view>
+			<view class="right2">
-				<u-image src="/static/statistics/sy_icon_ljzd0.png"
+				<view>
-					width="340rpx"
+					<u-image src="/static/statistics/sy_icon_ljzd0.png"
-					height="150rpx"
+						width="340rpx"
-				/>
+						height="150rpx"
+					/>
+				</view>
+				<text class="text3">累计找店</text>
+				<text class="num3">{{ sumSearch.total }}</text>
+				<view class="border border3"></view>
+				<text class="num22">昨日新增{{ sumSearch.yesterday }}位</text>
 			</view>
+			
 		</view>
 
 		
@@ -29,6 +47,31 @@
 </template>
 
 <script>
+	export default {
+		props:{
+			sumUser:{
+				type:Object,
+				default: {
+					"total": 231753,
+					"yesterday": 1345
+				}
+			},
+			sumTrans:{
+				type:Object,
+				default: {
+					"total": 231753,
+					"yesterday": 1345
+				}
+			},
+			sumSearch:{
+				type:Object,
+				default: {
+					"total": 231753,
+					"yesterday": 1345
+				}
+			}
+		},
+	}
 </script>
 
 <style scoped lang="scss">
@@ -37,20 +80,101 @@
 		margin: 10px 0;
 		display: flex;
 		justify-content: space-between;
+		font-weight: 800;
 		text {
-			font-size: 13px;
+			font-size: 26rpx;
 			font-weight: 800;
 		}
+		.border {
+			width: 229rpx;
+			height: 49rpx;
+			background: #FFFFFF;
+			box-shadow: 0px 1px 2px 0px rgba(178,247,214,0.42);
+			border-radius: 0px 24px 24px 0px;
+			opacity: 0.7;
+		}
 		.left {
 			color: #06562E;
+			position: relative;
 			.text1 {
-				
+				position: absolute;
+				top: 39rpx;
+				left: 33rpx;
+			}
+			.num1 {
+				position: absolute;
+				top: 76rpx;
+				left: 33rpx;
+				font-size: 34rpx;
+			}
+			.num11 {
+				position: absolute;
+				top: 150rpx;
+				left: 51rpx;
+				line-height: 37rpx;
+				z-index: 1;
+			}
+			.border1 {
+				position: absolute;
+				top: 144rpx;
+				left: 33rpx;
 			}
 		}
-		.right{
+		.right {
 			display: flex;
 			flex-direction: column;
 			justify-content: space-between;
+			.right1 {
+				position: relative;
+				color: #7C441C;
+				.border2 {
+					position: absolute;
+					top: 60rpx;
+					left: 20rpx;
+				}
+				.text2 {
+					position: absolute;
+					top: 14rpx;
+					left: 20rpx;
+				}
+				.num2 {
+					position: absolute;
+					top: 9rpx;
+					left: 144rpx;
+					font-size: 34rpx;
+				}
+				.num21 {
+					position: absolute;
+					left: 38rpx;
+					top: 66rpx;
+				}
+			}
+			.right2 {
+				position: relative;
+				color: #912C2C;
+				.border3 {
+					position: absolute;
+					top: 71rpx;
+					left: 20rpx;
+				}
+				.text3 {
+					position: absolute;
+					left: 20rpx;
+					top: 25rpx;
+				}
+				.num3 {
+					position: absolute;
+					top: 20rpx;
+					left: 144rpx;
+					font-size: 34rpx;
+				}
+				.num22 {
+					position: absolute;
+					left: 38rpx;
+					top: 77rpx;
+				}
+			}
+			
 		}
 	}
 </style>

pages/index/index.vue

@@ -2,6 +2,9 @@
 	<view class="home-base-bg">
 		<InputAndSwiper type='0'></InputAndSwiper>
 		<view class="home-content">
+			<view class="service">
+				<u-image src="/static/statistics/sy_icon_lxkf.png" width="108rpx" height="108rpx"/>
+			</view>
 			<HomeNavCard></HomeNavCard>
 			<HomeNoticeBar :text="notice" />
 			<Statistics :data="statisticsNum" />
@@ -34,11 +37,12 @@
 			return {
 				notice: '寒雨连江夜入吴 平明送客楚山孤 洛阳亲友如相问 一片冰心在玉壶',
 				chooseIndex: 0,
-				statisticsNum: [231753, 1345]
+				statisticsNum: [231753, 1345],
+				swiperList:[]
 			}
 		},
 		onLoad() {
-
+			
 		},
 		methods: {
 
@@ -56,6 +60,12 @@
 
 		.home-content {
 			margin: 0 10px;
+			.service {
+				position: fixed;
+				right: 17rpx;
+				top: 1109rpx;
+				z-index: 1;
+			}
 		}
 
 		.show-and-search {