Compare commits

..

No commits in common. "6427605400f5ee9e2176f3cba7e56f6e3c6a4afa" and "890846057f4c3d630ec28aaf916573dcee40c18e" have entirely different histories.

View File

@ -6,7 +6,7 @@
<div class="decor decor--deep-purple"></div>
<section class="case-hero">
<img class="case-hero__bg" :src="bannerImg" alt="" @load="refreshTabsOrigin">
<img class="case-hero__bg" :src="bannerImg" alt="">
<div class="case-container">
<div class="case-hero__content">
<h1>投策智能体</h1>
@ -233,8 +233,7 @@ export default {
mounted() {
this.$nextTick(() => {
const scroller = this.getScrollContainer()
this.resetScrollTop(scroller)
this.refreshTabsOrigin()
this.tabsOriginTop = this.getElementTopInScroller(this.$refs.caseTabs, scroller)
scroller.addEventListener('scroll', this.handlePageScroll, { passive: true })
this.handlePageScroll()
})
@ -246,18 +245,6 @@ export default {
getScrollContainer() {
return document.getElementById('homeOut') || window
},
resetScrollTop(scroller) {
if (scroller === window) {
window.scrollTo(0, 0)
} else {
scroller.scrollTop = 0
}
this.isTabsFixed = false
},
refreshTabsOrigin() {
const scroller = this.getScrollContainer()
this.tabsOriginTop = this.getElementTopInScroller(this.$refs.caseTabs, scroller)
},
getScrollOffset() {
const tabs = this.$el.querySelector('.case-tabs')
const tabsHeight = tabs ? tabs.offsetHeight : 0
@ -324,34 +311,8 @@ export default {
box-sizing: border-box;
}
.decision-case-page h1,
.decision-case-page h2,
.decision-case-page h3,
.decision-case-page h4,
.decision-case-page p {
padding: 0;
margin-top: 0;
font-family: inherit;
}
.decision-case-page button {
font-family: inherit;
line-height: 1.5;
cursor: pointer;
}
.decision-case-page svg {
display: block;
}
.decision-case-page img {
display: block;
max-width: none;
}
.case-container {
width: 100%;
max-width: 1280px;
width: min(100%, 1280px);
margin: 0 auto;
padding: 0 24px;
}