刘洪超
1 year ago
10 changed files with 111 additions and 15 deletions
After Width: | Height: | Size: 194 KiB |
After Width: | Height: | Size: 214 KiB |
After Width: | Height: | Size: 228 KiB |
After Width: | Height: | Size: 103 KiB |
@ -0,0 +1,37 @@
@@ -0,0 +1,37 @@
|
||||
<template> |
||||
<div class="air-bg"> |
||||
<div class="zhp-title"> |
||||
<img class="leftImg" src="@/assets/imgs/show/back.png" @click="router.back()"> |
||||
<div class="zhp-title-text">空气盒子</div> |
||||
</div> |
||||
<img class="show-img" src="@/assets/imgs/show/icon_kqhz.png"> |
||||
</div> |
||||
</template> |
||||
|
||||
<script lang="ts" setup> |
||||
|
||||
import router from "@/router"; |
||||
</script> |
||||
|
||||
<style lang="scss" scoped> |
||||
//智慧屏背景 |
||||
.air-bg { |
||||
flex-direction: column; |
||||
position: relative; |
||||
background-image: url("@/assets/imgs/show/bg_kqhz.png"); |
||||
background-repeat: no-repeat; |
||||
background-size: contain; |
||||
height: 100vh; |
||||
width: 100vw; |
||||
//智慧屏返回键 |
||||
.leftImg { |
||||
width: 48px; |
||||
height: 48px; |
||||
position: absolute; |
||||
left: 24px; |
||||
} |
||||
.show-img { |
||||
width: 100vw; |
||||
} |
||||
} |
||||
</style> |
@ -0,0 +1,37 @@
@@ -0,0 +1,37 @@
|
||||
<template> |
||||
<div class="fresh-air-bg"> |
||||
<div class="zhp-title"> |
||||
<img class="leftImg" src="@/assets/imgs/show/back.png" @click="router.back()"> |
||||
<div class="zhp-title-text">新风换气机</div> |
||||
</div> |
||||
<img class="show-img" src="@/assets/imgs/show/icon_xfhqj.png"> |
||||
</div> |
||||
</template> |
||||
|
||||
<script lang="ts" setup> |
||||
|
||||
import router from "@/router"; |
||||
</script> |
||||
|
||||
<style lang="scss" scoped> |
||||
//智慧屏背景 |
||||
.fresh-air-bg { |
||||
flex-direction: column; |
||||
position: relative; |
||||
background-image: url("@/assets/imgs/show/bg_xfhqj.png"); |
||||
background-repeat: no-repeat; |
||||
background-size: contain; |
||||
height: 100vh; |
||||
width: 100vw; |
||||
//智慧屏返回键 |
||||
.leftImg { |
||||
width: 48px; |
||||
height: 48px; |
||||
position: absolute; |
||||
left: 24px; |
||||
} |
||||
.show-img { |
||||
width: 100vw; |
||||
} |
||||
} |
||||
</style> |
Loading…
Reference in new issue