|
|
@@ -25,22 +25,13 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <Suspense>
|
|
|
- <template #default>
|
|
|
- <SolveQuestion />
|
|
|
- </template>
|
|
|
- </Suspense>
|
|
|
+ <SolveQuestion />
|
|
|
<FunctionIntroduction />
|
|
|
<Project />
|
|
|
<WhyFactoryDirector />
|
|
|
<UserSound />
|
|
|
<Increase @contant="contant" />
|
|
|
- <div class="start">
|
|
|
- <p class="start-title animate__animated animate__bounceInUp">
|
|
|
- 免费试用云厂长的核心功能，开启您的智能制造之旅！
|
|
|
- </p>
|
|
|
- <button class="free">免费体验</button>
|
|
|
- </div>
|
|
|
+
|
|
|
<Bottom />
|
|
|
<AnchorPoint />
|
|
|
<Form :dialogTableVisible2="dialogTableVisible2" @clos="close" />
|
|
|
@@ -49,14 +40,21 @@
|
|
|
</template>
|
|
|
<script lang="ts" setup>
|
|
|
import "animate.css";
|
|
|
-import { ref, reactive, onMounted, nextTick, defineAsyncComponent } from "vue";
|
|
|
+import {
|
|
|
+ ref,
|
|
|
+ reactive,
|
|
|
+ onMounted,
|
|
|
+ nextTick,
|
|
|
+ defineAsyncComponent,
|
|
|
+ shallowRef,
|
|
|
+} from "vue";
|
|
|
import { getBanneList } from "../../api/home";
|
|
|
import { config } from "../../api/config";
|
|
|
import Banne from "../../components/Banne/index.vue";
|
|
|
// import SolveQuestion from "./component/solveQuestion.vue";
|
|
|
// import Project from "./component/project.vue";
|
|
|
import Bottom from "../../components/Layout/bottom.vue";
|
|
|
-// import FunctionIntroduction from "./component/functionIntroduction.vue";
|
|
|
+import FunctionIntroduction from "./component/functionIntroduction.vue";
|
|
|
// import WhyFactoryDirector from "./component/whyFactoryDirector.vue";
|
|
|
import UserSound from "./component/userSound.vue";
|
|
|
import Increase from "./component/increase.vue";
|
|
|
@@ -72,10 +70,13 @@ const imgList = reactive({
|
|
|
banneImageList: [],
|
|
|
});
|
|
|
|
|
|
-let SolveQuestion: any = ref("");
|
|
|
-let FunctionIntroduction: any = ref("");
|
|
|
-let Project: any = ref("");
|
|
|
-let WhyFactoryDirector: any = ref("");
|
|
|
+let SolveQuestion: any = shallowRef("");
|
|
|
+// let FunctionIntroduction: any = ref("");
|
|
|
+let Project: any = shallowRef("");
|
|
|
+let WhyFactoryDirector: any = shallowRef("");
|
|
|
+// let UserSound: any = ref("");
|
|
|
+// let Increase: any = ref("");
|
|
|
+// let Bottom: any = ref("");
|
|
|
|
|
|
const dialogTableVisible2 = ref(false);
|
|
|
const dialogTableVisible = ref(false);
|
|
|
@@ -89,11 +90,11 @@ function handleScroll(event) {
|
|
|
return import("./component/solveQuestion.vue");
|
|
|
});
|
|
|
}
|
|
|
- if (event.target.scrollTop > 900 && FunctionIntroduction.value == "") {
|
|
|
- FunctionIntroduction.value = defineAsyncComponent(() => {
|
|
|
- return import("./component/functionIntroduction.vue");
|
|
|
- });
|
|
|
- }
|
|
|
+ // if (event.target.scrollTop > 900 && FunctionIntroduction.value == "") {
|
|
|
+ // FunctionIntroduction.value = defineAsyncComponent(() => {
|
|
|
+ // return import("./component/functionIntroduction.vue");
|
|
|
+ // });
|
|
|
+ // }
|
|
|
if (event.target.scrollTop > 1800 && Project.value == "") {
|
|
|
Project.value = defineAsyncComponent(() => {
|
|
|
return import("./component/project.vue");
|
|
|
@@ -104,6 +105,21 @@ function handleScroll(event) {
|
|
|
return import("./component/whyFactoryDirector.vue");
|
|
|
});
|
|
|
}
|
|
|
+ // if (event.target.scrollTop > 2900 && UserSound.value == "") {
|
|
|
+ // UserSound.value = defineAsyncComponent(() => {
|
|
|
+ // return import("./component/userSound.vue");
|
|
|
+ // });
|
|
|
+ // }
|
|
|
+ // if (event.target.scrollTop > 3550 && Increase.value == "") {
|
|
|
+ // Increase.value = defineAsyncComponent(() => {
|
|
|
+ // return import("./component/increase.vue");
|
|
|
+ // });
|
|
|
+ // }
|
|
|
+ // // if (event.target.scrollTop > 3550 && Bottom.value == "") {
|
|
|
+ // // Bottom.value = defineAsyncComponent(() => {
|
|
|
+ // // return import("../../components/Layout/bottom.vue");
|
|
|
+ // // });
|
|
|
+ // // }
|
|
|
}
|
|
|
|
|
|
//跳转产品文档
|
|
|
@@ -179,6 +195,7 @@ onMounted(() => {
|
|
|
</script>
|
|
|
<style lang="less" scoped>
|
|
|
.scroll-container {
|
|
|
+ padding-bottom: 200px;
|
|
|
height: 100vh;
|
|
|
overflow-y: scroll;
|
|
|
overflow-x: hidden;
|
|
|
@@ -223,28 +240,4 @@ onMounted(() => {
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
-
|
|
|
-.start {
|
|
|
- height: 360px;
|
|
|
- width: 100%;
|
|
|
- background-image: url("../../assets/image/mianfeibg.png");
|
|
|
- background-repeat: no-repeat;
|
|
|
- background-size: 100% 100%;
|
|
|
- .start-title {
|
|
|
- text-align: center;
|
|
|
- font-size: 50px;
|
|
|
- font-weight: 600;
|
|
|
- padding-top: 100px;
|
|
|
- }
|
|
|
- .free {
|
|
|
- width: 152px;
|
|
|
- height: 52px;
|
|
|
- border: none;
|
|
|
- background-color: #0d0fff;
|
|
|
- color: #fff;
|
|
|
- display: block;
|
|
|
- margin: 70px auto;
|
|
|
- font-size: 16px;
|
|
|
- }
|
|
|
-}
|
|
|
</style>
|
