<template>
	<view class="right-nav row">
		<view class="right-nav-button col-12" :style="{backgroundImage:'url('+staticImage.wechat+')'}"></view>
		<view class="right-nav-button col-12" :style="{backgroundImage:'url('+staticImage.chat+')'}"></view>
		<view @click="callPhone('15012345678')" class="right-nav-button col-12" :style="{backgroundImage:'url('+staticImage.phone+')'}"></view>
	</view>
</template>

<script>
	import { imghost } from '@/config/host.js'
	export default{
		data() {
			return {
				title: 'Hello',
				loading: true,
				staticImage:{
          wechat: imghost + "/static/image/right-button-wechat.png",
          chat: imghost + "/static/image/right-button-chat.png",
          phone: imghost + "/static/image/right-button-phone.png",
				}
			}
		},
		onLoad() {

		},
		methods: {
      callPhone(phone){
        uni.makePhoneCall({
          phoneNumber: phone.toString()
        });
      },
		}
	}
</script>

<style lang="scss">
	@import './components/index.scss';
</style>