Compare commits
No commits in common. 'd3ec7853cd30bd3be73a3a49650c985821bdc397' and 'c8cbe7f38d16de1692d638008808c3ddc460c3d5' have entirely different histories.
d3ec7853cd
...
c8cbe7f38d
Before Width: | Height: | Size: 11 MiB |
@ -1,49 +1,9 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="recommend-container">
|
智能推荐
|
||||||
<div class="content">
|
|
||||||
<button class="start-btn">开始填写</button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
export default {
|
export default {
|
||||||
name: 'RecommendIndex'
|
name: 'RecommendIndex', // 添加组件名称
|
||||||
|
// 其他组件选项
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style scoped>
|
|
||||||
.recommend-container {
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
min-height: calc(100vh - 60px);
|
|
||||||
background-image: url('../../assets/pictures/recommendbg.png');
|
|
||||||
background-size: cover;
|
|
||||||
background-position: center;
|
|
||||||
background-repeat: no-repeat;
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.content {
|
|
||||||
text-align: center;
|
|
||||||
padding: 20px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.start-btn {
|
|
||||||
background-color: #E5579B;
|
|
||||||
color: white;
|
|
||||||
border: none;
|
|
||||||
padding: 12px 40px;
|
|
||||||
font-size: 18px;
|
|
||||||
border-radius: 25px;
|
|
||||||
cursor: pointer;
|
|
||||||
transition: all 0.3s ease;
|
|
||||||
}
|
|
||||||
|
|
||||||
.start-btn:hover {
|
|
||||||
transform: scale(1.05);
|
|
||||||
background-color: #d94b8b;
|
|
||||||
}
|
|
||||||
</style>
|
|
Loading…
Reference in new issue