<script setup>
import { ref } from 'vue';
//读取全局变量
import { inject } from 'vue'
const routesConfig = inject('routesConfig')
</script>

<template>
    <div class="business-entry">
        <p>欢迎商家入驻校享派！发布你的服务，让更多学生看到</p>
        <router-link :to="routesConfig.todo" class="btn btn-primary">商家登录</router-link>
        <router-link :to="routesConfig.todo" class="btn btn-secondary">立即注册</router-link>
    </div>
</template>
<style scoped>
/* 商家入口区域 */
.business-entry {
    background-color: #fff;
    padding: 20px !important;
    margin-bottom: 30px !important;
    border-radius: 8px !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    text-align: center;
}

.business-entry p {
    color: #666;
    margin-bottom: 15px !important;
}

.business-entry .btn {
    display: inline-block;
    padding: 10px 25px;
    margin: 0 10px;
    border-radius: 25px;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.3s ease;
}

.business-entry .btn-primary {
    background: linear-gradient(to right, #667eea, #764ba2);
    color: #fff;
}

.business-entry .btn-primary:hover {
    background: linear-gradient(to right, #5a6edb, #6b449a);
    transform: translateY(-2px);
}

.business-entry .btn-secondary {
    background: #f0f0f0;
    color: #666;
}

.business-entry .btn-secondary:hover {
    background: #e0e0e0;
    transform: translateY(-2px);
}
</style>