odd_job_applet/components/wxcontact/wxcontact.vue

<template name="wxContact">
	<view>
		<!-- #ifdef MP-WEIXIN -->
		<!-- <button class="cu-btn cuIcon bg-red lg shadow echo-wxcontact"  @tap="showConcatModel">
			<text class="cuIcon-servicefill"></text>
		</button> -->
		<image class="echo-wxcontact" @tap="showConcatModel" style="width: 108rpx;height: 108rpx;"
			:src="$getImageUrl('static/images/applet/index/service.png')"></image>
		<view class="cu-modal" :class="{show:concatModel}" @tap="hideConcatModel">
			<view class="cu-dialog" @tap.stop>
				<view class="cu-card">
					<view class="cu-item">
						<view class="text-xl padding">人工协助</view>
						<image :show-menu-by-longpress="true" style="width: 80%;display: block;margin: 0 auto;"
							:src="$getImageUrl('static/images/applet/qrcode_contact.png')"></image>
						<view class="text-xl padding">长按图片添加好友</view>
					</view>
				</view>
				<view class="padding flex flex-direction">
					<button class="cu-btn bg-red lg" @tap="phone()">
						拔打客服电话
					</button>
				</view>
				<view class="padding flex flex-direction">
					<button class="cu-btn bg-red lg" open-type="contact">
						在线客服
					</button>
				</view>
			</view>
		</view>
	</view>
	<!-- #endif -->
</template>

<script>
	export default {
		name: 'wxContact',
		data() {
			return {
				concatModel: false
			};
		},
		methods: {
			showConcatModel() {
				this.concatModel = true;
			},
			hideConcatModel() {
				this.concatModel = false;
			},
			phone() {
				uni.makePhoneCall({
					phoneNumber: '19959780161'
				});
			}
		}
	}
</script>

<style>
	/* .echo-wxcontact{ position: fixed; left: 0rpx; top: 550rpx; border-radius: 0rpx 50% 50% 0rpx !important; } */
	.echo-wxcontact {
		position: fixed;
		left: 0rpx;
		top: 550rpx;
	}
</style>