xuye929/AIProd
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

后期修改完善，上线版本

Browse Source
This commit is contained in:
qiuxiao
2025-11-12 18:11:11 +08:00
parent c54f9c9976
commit 8f57683dd5
98 changed files with 2110 additions and 867 deletions
Download Patch File Download Diff File Expand all files Collapse all files

42
pages/Home/index.vue
View File

@ -11,19 +11,21 @@
<div class="third-text">
It includes over a <a href="/" class="special">thousand global AI tools</a>, covering writing, images,
videos, audio, programming,
music, design, chatting, etc., and recommends learning platforms, frameworks and models
music, design, chatting, etc, and recommends learning platforms, frameworks and models
</div>
<!-- 修改输入框容器 -->
<div style="margin: 68px auto 62px">
<div class="margin-62">
<SearchSelectInput />
</div>
</div>
<div class="card flex">
<div class="left-card card-box">
<el-carousel :autoplay="false" height="354px" autoplay :interval="8000">
<el-carousel :autoplay="false" autoplay :interval="8000">
<el-carousel-item v-for="(item, i) in banner" :key="i">
<img :src="item.imageUrl || ''" alt="" style="height: 354px; width: 100%; border-radius: 12px" />
<div class="img-cover">
<img :src="item.imageUrl || ''" alt="" class="img" />
</div>
</el-carousel-item>
</el-carousel>
</div>
@ -60,13 +62,31 @@ export default {
},
methods: {
},
watch: {
'$route'() {
// 当路由变化时滚动到顶部
window.scrollTo(0, 0);
}
},
mounted() {
this.$store.dispatch('getBannerConfig');
}
}
</script>
<style lang="scss" scoped> #home-page {
<style lang="scss" scoped>
.img-cover {
height: 100%; width: 100%; padding: 24px 20px 30px;
}
.img {
height: 100%;
width: 100%;
border-radius: 12px;
}
.margin-62 {
margin: 40px auto 40px;
}
#home-page {
flex: 1;
overflow-y: auto; // 必须启用滚动
position: relative; // 添加相对定位
@ -89,26 +109,23 @@ export default {
.first-text {
line-height: 90px;
font-size: $huge-font-size3;
font-weight: 900;
font-family: 'Poppins-Bold', serif;
font-family: 'Poppins-ExtraBold';
@include text-gradient(90deg, #2563eb, 22%, #7B61FF, 73%);
}
.second-text {
margin: 18px 0;
font-family: 'Poppins-Bold', serif;
font-family: 'Poppins-Bold';
font-size: $huge-font-size2;
font-weight: 900;
line-height: 75px;
}
.third-text {
width: 716px;
font-weight: 500;
color: $grey-color;
font-size: $normal-font-size;
margin-top: 8px;
font-family: 'Poppins-Medium', serif;
font-family: 'Poppins-Medium';
.special {
color: $main-color;
@ -134,6 +151,9 @@ export default {
overflow: hidden;
box-sizing: border-box;
::v-deep .el-carousel {
.el-carousel__container {
height: 354px;
}
.el-carousel__arrow {
opacity: 0 !important;
transition: none !important;