Sfoglia il codice sorgente

首页 各环节用时调整

任一存 1 anno fa
parent
commit
f18de03720
1 ha cambiato i file con 21 aggiunte e 21 eliminazioni
  1. 21 21
      src/views/HomeView.vue

+ 21 - 21
src/views/HomeView.vue

@@ -388,10 +388,10 @@ const titleOpacity = computed(() => {
 
 const paintingMoveUpAt = window.innerHeight * 0
 const paintingTopInitial = 236
-const paintingMoveUpFinishAt = window.innerHeight * 1
+const paintingMoveUpFinishAt = paintingMoveUpAt + window.innerHeight * 1
 const paintingTopMovedUp = 41
-const paintingMoveDownAt = window.innerHeight * 2
-const paintingMoveDownFinishAt = window.innerHeight * 2.5
+const paintingMoveDownAt = paintingMoveUpFinishAt + window.innerHeight * 0.5
+const paintingMoveDownFinishAt = paintingMoveDownAt + window.innerHeight * 0.25
 const paingtingTopMovedDown = 90
 const paintingTop = computed(() => {
   let ret = null
@@ -448,9 +448,9 @@ const paintingHeight = computed(() => {
 })
 
 const longDesc = ref(null)
-const longDescShowFinishAt = window.innerHeight * 0.5
+const longDescShowFinishAt = window.innerHeight * 0.25
 const longDescHideAt = longDescShowFinishAt + window.innerHeight * 1
-const longDescHideFinishAt = longDescHideAt + window.innerHeight * 0.5
+const longDescHideFinishAt = longDescHideAt + window.innerHeight * 0.25
 const longDescOpacity = computed(() => {
   let ret = null
   if (scrollerElScrollTop.value <= longDescShowFinishAt) {
@@ -470,10 +470,10 @@ watch(scrollerElScrollTop, (vNew, vOld) => {
   }
 })
 
-const stemShowAt = longDescHideFinishAt + window.innerHeight * 0.1
-const stemShowFinishAt = stemShowAt + window.innerHeight * 0.5
-const stemHideAt = stemShowFinishAt + window.innerHeight * 0.5
-const stemHideFisishAt = stemShowFinishAt + window.innerHeight * 0.5
+const stemShowAt = longDescHideFinishAt + window.innerHeight * 0
+const stemShowFinishAt = stemShowAt + window.innerHeight * 0.25
+const stemHideAt = stemShowFinishAt + window.innerHeight * 0.3
+const stemHideFisishAt = stemHideAt + window.innerHeight * 0.25
 const stemOpacity = computed(() => {
   let ret = null
   if (scrollerElScrollTop.value <= stemShowAt) {
@@ -490,10 +490,10 @@ const stemOpacity = computed(() => {
   return ret
 })
 
-const leafShowAt = stemHideFisishAt + (0.1 * window.innerHeight)
-const leafShowFinishAt = leafShowAt + (0.5 * window.innerHeight)
-const leafHideAt = leafShowFinishAt + (0.5 * window.innerHeight)
-const leafHideFisishAt = leafHideAt + (0.5 * window.innerHeight)
+const leafShowAt = stemHideFisishAt + (0 * window.innerHeight)
+const leafShowFinishAt = leafShowAt + (0.25 * window.innerHeight)
+const leafHideAt = leafShowFinishAt + (0.3 * window.innerHeight)
+const leafHideFisishAt = leafHideAt + (0.25 * window.innerHeight)
 const leafOpacity = computed(() => {
   let ret = null
   if (scrollerElScrollTop.value <= leafShowAt) {
@@ -510,10 +510,10 @@ const leafOpacity = computed(() => {
   return ret
 })
 
-const stoneShowAt = leafHideFisishAt + (0.1 * window.innerHeight)
-const stoneShowFinishAt = stoneShowAt + (0.5 * window.innerHeight)
-const stoneHideAt = stoneShowFinishAt + (0.5 * window.innerHeight)
-const stoneHideFinishAt = stoneHideAt + (0.5 * window.innerHeight)
+const stoneShowAt = leafHideFisishAt + (0 * window.innerHeight)
+const stoneShowFinishAt = stoneShowAt + (0.25 * window.innerHeight)
+const stoneHideAt = stoneShowFinishAt + (0.3 * window.innerHeight)
+const stoneHideFinishAt = stoneHideAt + (0.25 * window.innerHeight)
 const stoneOpacity = computed(() => {
   let ret = null
   if (scrollerElScrollTop.value <= stoneShowAt) {
@@ -530,10 +530,10 @@ const stoneOpacity = computed(() => {
   return ret
 })
 
-const summaryShowAt = stoneHideFinishAt + window.innerHeight * 0.3
-const summaryShowFinishAt = summaryShowAt + window.innerHeight * 0.5
-const summaryHideAt = summaryShowFinishAt + window.innerHeight * 0.5
-const summaryHideFisishAt = summaryHideAt + window.innerHeight * 0.5
+const summaryShowAt = stoneHideFinishAt + window.innerHeight * 0
+const summaryShowFinishAt = summaryShowAt + window.innerHeight * 0.25
+const summaryHideAt = summaryShowFinishAt + window.innerHeight * 0.3
+const summaryHideFisishAt = summaryHideAt + window.innerHeight * 0.25
 const summaryOpacity = computed(() => {
   let ret = null
   if (scrollerElScrollTop.value <= summaryShowAt) {