61 lines
1.5 KiB
Vue
61 lines
1.5 KiB
Vue
<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> |