<template>
	<div class="app-footer">
        <div class="btn-left">
            <div class="btn-wrap" @click="pageTo('/pages/chat/index')">
                <i class="iconfont iconxiaoxi"></i>
                <div class="btn-text">客服</div>
            </div>
            <div class="btn-wrap" @click="pageTo({
                url: '/pages/home/shop',
                type: 4
            })">
                <i class="iconfont icondianpu"></i>
                <div class="btn-text">店铺</div>
            </div>
        </div>
        <div class="btn-right">
            <button class="button-com red" @click="buy">立即购买</button>
        </div>
    </div>
</template>

<script>
export default {
	name: 'buy-foot',
	methods: {
		buy() {
			this.$emit('buy')
		}
	}
}
</script>

<style lang="scss" scoped>
.app-footer {
    @include disFlex(center, space-between);
    .btn-left {
        @include disFlex(center, space-evenly);
        width: 36%;
        .iconfont {
            font-size: 44px;
        }
        .btn-text {
            font-size: 24px;
            font-weight: 200;
            transform: scale(0.9);
        }
    }
    .btn-right {
        width: 62%;
        @include disFlex(center, center);
        .button-com {
            width: calc(90% - 30px);
            font-size: 32px;
            font-weight: 400;
        }
    }
}
</style>
