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>
|