no message

pages.json

@@ -391,6 +391,13 @@
 	    "navigationBarTitleText": "",
 	    "enablePullDownRefresh": false
 	  }
+	},
+	{
+	  "path": "pages/wallet/like-me",
+	  "style": {
+	    "navigationBarTitleText": "",
+	    "enablePullDownRefresh": false
+	  }
 	}
   ],
   "globalStyle": {

pages/my/index.vue

@@ -53,7 +53,7 @@
                 </view>
                 <view class="statistics-text sys-color-gray-9 sys-weight-400">访客</view>
               </view>
-              <view class="statistics-item">
+              <view class="statistics-item" @click="goToUrl(7)">
                 <view class="statistics-num sys-color-black sys-weight-600">
                   165
                   <view class="statistics-dot sys-color-white">..</view>
@@ -160,6 +160,11 @@ export default {
 		  uni.navigateTo({
 		    'url':'/pages/wallet/visitor'
 		  })
+	  }else if(type === 7){
+		  // 喜欢的人
+		  uni.navigateTo({
+		    'url':'/pages/wallet/like-me'
+		  })
 	  }
     }
   }

pages/wallet/like-me.vue

@@ -0,0 +1,113 @@
+<template>
+	<view class="like-me flex-common-css box-sizing-border iPhone-bottom">
+		<Nav title='谁喜欢我' titleColor='#333' bgckgroundBox='#fff'></Nav>
+		<view class="info-box box-sizing-border" :class="true?'info-box-y':'info-box-n'">
+			<view class="card">
+				<view class="car-home">
+					<view class="car-info">
+						<view class="sys-size-40 sys-weight-600 sys-color-white">10000</view>
+						<view class="sys-size-24 sys-color-gray-9">最近收到</view>
+					</view>
+					<view class="car-info-xian"></view>
+					<view class="car-info">
+						<view class="sys-size-40 sys-weight-600 sys-color-white">100</view>
+						<view class="sys-size-24 sys-color-gray-9">收到的喜欢</view>
+					</view>
+				</view>
+				<image class="card-b-img" src="@/static/img/wallet/jiasu.png" mode="aspectFill"></image>
+			</view>
+			<view class="info-title">
+				<view class="title-box">
+					<image src="@/static/img/wallet/xd-black.png" mode="aspectFill"></image>
+					<text class="sys-size-32 sys-color-gray-3 sys-weight-600">心动擦亮</text>
+				</view>
+				<view class="title-box">
+					<text class="sys-size-24 sys-color-gray-9">全部</text>
+					<uni-icons type="forward" size="12" color="#999"></uni-icons>
+				</view>
+			</view>
+			
+			<scroll-view scroll-x="true" class="list-x-scroll" @scrolltoupper="scrolltoupper">
+				<view>
+					
+				</view>
+			</scroll-view>
+			
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		data(){
+			return{
+				
+			}
+		},
+		methods:{
+			
+		},
+	}
+</script>
+
+<style scoped lang="scss">
+	.like-me{
+		.info-box-y{
+			flex: 1;
+			overflow: auto;
+		}
+		.info-box-n{
+			flex: 1;
+			overflow: hidden;
+		}
+		.info-box{
+			padding: 32rpx;
+			.info-title{
+				display: flex;
+				justify-content: space-between;
+				.title-box{
+					line-height: 20rpx;
+					display: flex;
+					align-items: center;
+					image{
+						width: 40rpx;
+						height: 40rpx;
+						margin-right: 8rpx;
+					}
+				}
+				
+			}
+		}
+		.card{
+			width: 100%;
+			height: 302rpx;
+			border-radius: 16rpx;
+			background: url('@/static/img/wallet/like-me.png') no-repeat;
+			background-size: 100% 100%;
+			padding: 24rpx 30rpx;
+			box-sizing: border-box;
+			margin-bottom: 46rpx;
+			.car-home{
+				display: flex;
+				align-items: center;
+				.car-info{
+					width: 120rpx;
+					text-align: center;
+				}
+				.car-info-xian{
+					width: 2rpx;
+					height: 62rpx;
+					background-color: #999;
+					margin: 0 80rpx;
+				}
+			}
+			.card-b-img{
+				margin-top: 60rpx;
+				width: 100%;
+				height: 108rpx;
+				border-radius: 16rpx;
+			}
+		}
+		
+	}
+</style>

pages/wallet/visitor.vue

@@ -13,13 +13,32 @@
 		
 		<scroll-view v-else scroll-y="true" class="list-scroll box-sizing-border" @scrolltolower="scrolltolower">
 			<view class="list-home">
-				<view class="list-box box-sizing-border">
+				<view class="list-box box-sizing-border" v-for="(item,i) in 10" :key="i">
 					<view class="box-head">
 						<image src="@/static/img/circle/1.png" mode="aspectFill"></image>
-						<view class="head-icon">√</view>
+						<view class="head-icon" :class="true?'view-1':'view-2'">
+							<uni-icons v-if="true" type="checkmarkempty" size="10" color="#fff"></uni-icons>
+						</view>
 					</view>
 					<view class="box-right">
-						
+						<view class="box-1">
+							<view class="">
+								<view class="box-name sys-size-32 sys-color-gray-3 sys-weight-600">
+									WANGXIAOMI
+									<image class="img-vip" src="@/static/img/wallet/vip-type.png" mode="aspectFill"></image>
+									<!-- <image class="img-svip" src="@/static/img/wallet/vip-type.png" mode="aspectFill"></image> -->
+								</view>
+								<view class="sys-size-28 sys-color-gray-9">2小时前 8.06km</view>
+							</view>
+							<view class="list-h">
+								<image src="@/static/img/wallet/h.png" mode="aspectFill"></image>
+							</view>
+						</view>
+						<view class="img-list" v-if="i>5">
+							<image v-for="(v,x) in 4" :key="x"
+							src="@/static/img/circle/1.png" mode="aspectFill"></image>
+							<view class="img-oly" v-if="4>3&&4%3!=0"></view>
+						</view>
 					</view>
 				</view>
 			</view>
@@ -29,6 +48,13 @@
 
 <script>
 	export default {
+		data(){
+			return{
+				page:1,
+				total:0,
+				list:[],
+			}
+		},
 		methods:{
 			scrolltolower(){
 				// 触底
@@ -63,6 +89,7 @@
 			padding: 32rpx;
 			.list-home{
 				.list-box{
+					margin-bottom: 40rpx;
 					display: flex;
 					.box-head{
 						width: 112rpx;
@@ -81,18 +108,66 @@
 							z-index: 10;
 							width: 25rpx;
 							height: 25rpx;
+							line-height: 20rpx;
+							text-align: center;
 							border-radius: 50%;
 							border: 2rpx solid #fff;
 						}
 						.view-1{
 							background: #FEC631;
 						}
-						.view-1{
+						.view-2{
 							background: #4BC285;
 						}
 					}
 					.box-right{
 						flex: 1;
+						.box-1{
+							display: flex;
+							justify-content: space-between;
+							.list-h{
+								width: 80rpx;
+								height: 80rpx;
+								background-color: #eee;
+								border-radius: 50%;
+								text-align: center;
+								margin-top: 16rpx;
+								image{
+									width: 52rpx;
+									height: 52rpx;
+									margin-top: 14rpx;
+								}
+							}
+							.box-name{
+								display: flex;
+								align-items: center;
+								margin: 10rpx 0 4rpx 0;
+								.img-vip{
+									width: 84rpx;
+									height: 28rpx;
+								}
+								.img-svip{
+									width: 92rpx;
+									height: 28rpx;
+								}
+							}
+						}
+						.img-list{
+							margin-top: 18rpx;
+							display: flex;
+							justify-content: space-between;
+							flex-flow: row wrap; 
+							image{
+								width: 180rpx;
+								height: 180rpx;
+								border-radius: 16rpx;
+								margin-bottom: 8rpx;
+							}
+							.img-oly{
+								width: 180rpx;
+								height: 180rpx;
+							}
+						}
 					}
 				}
 			}

static/css/sys.css

@@ -54,6 +54,9 @@
 .sys-size-40{
   font-size: 40rpx;
 }
+.sys-size-48{
+  font-size: 48rpx;
+}
 .sys-size-52{
   font-size: 52rpx;
 }