我的约会管理

pages/blindDate/personal/mydate.vue

@@ -42,19 +42,45 @@
 		border-radius: 6px;
 		margin-top: 10px;
 	}
-	
+	.getsize{
+		width: 100%;
+		height: 100%;
+		display: flex;
+		flex-direction: column;
+		align-items: center;
+		justify-content: center;
+		
+	}
+	.getsize-kh{
+		width: 128rpx;
+		height: 128rpx;
+		position: fixed;
+		right: 16px;
+		bottom: 35px;
+		
+	}
+	.contButton{
+		width: 100%;
+		height: 100%;
+		position: absolute;
+		left: 0;
+		top: 0;
+		opacity: 0;
+	}
 	
 </style>
 <template>
   <view class="mydate" :style="{ height: contentHeight }">
-    <u-tabs
-      :list="list"
-      :is-scroll="false"
-      :current="current"
-      @change="change"
-      :active-color="mainColor"
-    ></u-tabs>
     <u-empty v-if="g.length == 0" text="暂无约会记录" mode="list"></u-empty>
+	<view class="getsize" v-if="g.length == 0">
+		<image src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/mydate-bg.png" style="width: 400rpx;height: auto;margin-bottom: 30px;" mode="widthFix"></image>
+		<image src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/mydate-text.png" style="width: 466rpx;height: auto" mode="widthFix"></image>
+		<view class="getsize-kh">
+			<image src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/mydate-kh.png" style="width: 128rpx;height: 128rpx;" mode=""></image>
+			<button open-type="contact" class="contButton" ></button>
+		</view>
+		
+	</view>
 		
     <view
       v-if="g.length > 0"
@@ -73,7 +99,7 @@
       >
         <view class="details">
 		  <view class="item" v-for="(x, i) in g" :key="i" >
-			  <view class="item-left">
+			  <view class="item-left" @click="goUserinfo(x)">
 				  <u-avatar :src="x.WoManPhoto" v-if="UserId==x.ManId"  size="80"></u-avatar>
 				  <u-avatar :src="x.ManPhoto" v-else  size="80"></u-avatar>
 			  </view>
@@ -223,6 +249,19 @@ export default {
 	gbAuth(){
 		uni.navigateBack()
 	},
+	goUserinfo(x){//用户信息
+		let UserId = 0
+		if(this.UserId==x.ManId){
+			UserId = x.WoManId
+		}else{
+			UserId = x.ManId
+		}
+		uni.navigateTo({
+			url: '/pages/blindDate/persondetails?UserId='+ UserId
+		});
+		innerAudioContext.stop();
+	}
+	
 
 
 	
@@ -232,7 +271,7 @@ export default {
 <style>
 .mydate {
   width: 100%;
-  height: 100%;
+  height: 100vh;
   background: #FFF;
   position: relative;
 }