469c23c8ea
- 添加 navbar 组件和 map 组件到首页 - 调整首页样式，增加 logo 和背景图片- 添加气球动画元素 - 调整 App.vue 样式，设置最小高度为 100vh - 更新 .env
31 lines
634 B
Vue
31 lines
634 B
Vue
<template>
|
|
<div class="flex align-items-c justify-content-b p13 bg-white">
|
|
<img src="../assets/images/home/logo.png" alt="" class="logo" />
|
|
<div class="flex align-items-c">
|
|
<img src="../assets/images/home/search.png" alt="" class="navbar-icon" />
|
|
<img src="../assets/images/home/more.png" alt="" class="navbar-icon" />
|
|
</div>
|
|
</div>
|
|
</template>
|
|
<style scoped lang="scss">
|
|
.logo {
|
|
width: 106px;
|
|
height: 34px;
|
|
}
|
|
.ph13 {
|
|
padding-left: 13px;
|
|
padding-right: 13px;
|
|
}
|
|
.p13 {
|
|
padding: 13px;
|
|
}
|
|
|
|
.navbar-icon {
|
|
width: 18px;
|
|
height: 18px;
|
|
}
|
|
.navbar-icon + .navbar-icon {
|
|
margin-left: 25px;
|
|
}
|
|
</style>
|