 <template>
 	<view>
 		<movable-area class="move-area-ser">
 			<movable-view direction="all" :x="pageX" :y="pageY" class="move-view-ser">
 				<!-- <view class="contact-block" @tap="goIM">
            <view class="contact-wrapper"> -->
 				<image class="contact-img" mode="aspectFit"
 					src="https://mall.zhaijieshi.cc/file/jzmall-dy/ser-online.png" @longpress="goIM" @tap="goIM">
 				</image>
 				<!-- </view>
              </view> -->
 			</movable-view>
 		</movable-area>
 	</view>
 </template>
 <script>
 	export default {
 		props: {
 			pageX: {
 				type: Number,
 				default: 0
 			},
 			pageY: {
 				type: Number,
 				default: 300
 			}
 		},

 		methods: {
 			goIM() {
 				console.info('goIm');
 				uni.navigateTo({
 					url: '/pages/chat/im/im'
 				});
 			},
 		}
 	}
 </script>
 <style scoped>
 	.move-area-ser {
 		width: 750rpx;
 		height: 100vh;
 		top: 0rpx;
 		/* pointer-events: auto; */
 		position: fixed;
 		pointer-events: none;
 	}

 	.move-view-ser {
 		pointer-events: auto;
 		width: 208rpx;
 		height: 330rpx;
 	}

 	.contact-img {
 		width: 208rpx;
 		height: 330rpx;
 		margin: 0;
 	}
 </style>