<template>
	<view class="callkefu_main">
		<view class="row">
			<view style="display: flex;align-items: center;">
				<view class="phoneLogo">
					<uni-icons type="phone" size="20" color="#fff"></uni-icons>
				</view>
				<view style="margin-left: 20rpx;font-size: 28rpx;">0898-6659 5555</view>
			</view>

			<view class="hujiao_button">
				<a href="tel:089866595555">呼叫</a>
			</view>
		</view>


	</view>
</template>

<script setup>

</script>

<style scoped>
	a {
		color: #fff;
		text-decoration: none;
	}

	a:visited {
		color: #fff;
	} 
	.callkefu_main {
		 
	}

	.row {
		display: flex;
		justify-content: space-between;
		padding: 20rpx;
	}

	.phoneLogo {
		border: 1px solid #ccc;
		border-radius: 50%;
		width: 50rpx;
		height: 50rpx;
		background-color: #239ea3;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.hujiao_button {
		background-color: #239ea3;
		color: #fff;
		font-size: 26rpx;
		line-height: 50rpx;
		height: 50rpx;
		width: 110rpx;
		text-align: center;
		border-radius: 60rpx;
	}
</style>