10 changed files with 74 additions and 41 deletions
-
31src/App.vue
-
10src/components/Cooperation.vue
-
1src/components/SubNavigation.vue
-
1src/components/Top.vue
-
23src/pages/Factory.vue
-
20src/pages/Hardware.vue
-
27src/pages/index.vue
-
2src/router/index.js
-
BINsrc/static/img/cooperate/total.jpg
-
BINsrc/static/img/factory/bg.jpg
@ -1,7 +1,32 @@ |
|||
<script setup></script> |
|||
<script setup> |
|||
import { ref } from 'vue' |
|||
import Bottom from 'cpns/Bottom' |
|||
|
|||
const isDrag = ref(false) |
|||
|
|||
const handlePress = e => { |
|||
// 背景虚化 |
|||
isDrag.value = true |
|||
} |
|||
const handleRelease = e => { |
|||
// 背景实体化 |
|||
isDrag.value = false |
|||
} |
|||
</script> |
|||
|
|||
<template> |
|||
<router-view></router-view> |
|||
<div |
|||
class="app_container" |
|||
v-touch:press="handlePress" |
|||
v-touch:release="handleRelease" |
|||
> |
|||
<router-view></router-view> |
|||
<Bottom :isDrag="isDrag" /> |
|||
</div> |
|||
</template> |
|||
|
|||
<style scoped></style> |
|||
<style scoped lang="scss"> |
|||
.app_container { |
|||
margin-bottom: $bottom-height; |
|||
} |
|||
</style> |
@ -0,0 +1,23 @@ |
|||
<template> |
|||
<div class="factory_container"> |
|||
<SubNavigation title="公司简介" /> |
|||
<img class="fac_img" :src="Fac" alt="" /> |
|||
</div> |
|||
</template> |
|||
|
|||
<script setup> |
|||
import SubNavigation from 'cpns/SubNavigation' |
|||
import Fac from '@/static/img/factory/bg.jpg' |
|||
</script> |
|||
|
|||
<style lang="scss"> |
|||
.factory_container { |
|||
padding-top: $sub-header-height; |
|||
background: #fff; |
|||
overflow: hidden; |
|||
.fac_img { |
|||
width: 100vw; |
|||
height: auto; |
|||
} |
|||
} |
|||
</style> |
After Width: 1080 | Height: 1350 | Size: 471 KiB |
After Width: 1080 | Height: 2032 | Size: 2.0 MiB |
Write
Preview
Loading…
Cancel
Save
Reference in new issue