修正项目结构
This commit is contained in:
61
template/src/components/Business.vue
Normal file
61
template/src/components/Business.vue
Normal file
@ -0,0 +1,61 @@
|
||||
<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>
|
||||
Reference in New Issue
Block a user