baiyuchengpin/components/Server.vue

<template>
	<view>
		<view class="serve">
			<image class="w130 h130"
				src="/static/images/server.png"
				mode=""></image>
			<text class="text">官方客服</text>
			<button class="contact-btn" open-type="contact"></button>
		</view>
	</view>
</template>

<script>
	export default {
		name:"Server",
		data() {
			return {
				
			};
		}
	}
</script>

<style  lang="scss" scoped>
.serve{
	position: fixed;
	right: 20rpx;
	top: 80%;
	display: flex;
	flex-direction: column;
	align-items: center;
	z-index: 9;
	.text{
		margin-top: 10rpx;
		font-weight: 500;
		font-size: 24rpx;
		color: #333;
		background: rgba(255, 255, 255, 0.8);
		padding: 8rpx 16rpx;
		border-radius: 20rpx;
	}
}
</style>