You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
44 lines
854 B
Vue
44 lines
854 B
Vue
<template>
|
|
<div style="width: 100%;height: 100%">
|
|
<div class="a" v-if="state === 1"></div>
|
|
<div class="b" v-if="state === 2"></div>
|
|
<!-- <div class="c"></div>-->
|
|
</div>
|
|
</template>
|
|
<script setup>
|
|
|
|
defineProps({
|
|
state: {
|
|
type: Number,
|
|
required: true
|
|
}
|
|
});
|
|
|
|
</script>
|
|
<style scoped>
|
|
.a {
|
|
width: 100%;
|
|
height: 100%;
|
|
//background-color: #C5C5C5;
|
|
background-image: url("../images/管2.png");
|
|
background-repeat: no-repeat;
|
|
background-size: 100% 100%;
|
|
}
|
|
.b {
|
|
width: 100%;
|
|
height: 100%;
|
|
//background-color: #C5C5C5;
|
|
background-image: url("../images/管道.gif");
|
|
background-repeat: no-repeat;
|
|
background-size: cover;
|
|
}
|
|
.c {
|
|
width: 100%;
|
|
height: 100%;
|
|
//background-color: #C5C5C5;
|
|
background-image: url("../images/管道-反向.gif");
|
|
background-repeat: no-repeat;
|
|
background-size: cover;
|
|
}
|
|
</style>
|