<script>
|
import HdwBox from "@/components/HdwBox.vue";
|
import StateInfo from "@/views/home/StateInfo.vue";
|
|
export default {
|
name: "HomeView",
|
components: {StateInfo, HdwBox},
|
data() {
|
return {}
|
},
|
methods: {
|
|
},
|
mounted() {
|
|
}
|
}
|
</script>
|
|
<template>
|
<div class="home-view-wrapper">
|
<div class="home-item">
|
<state-info></state-info>
|
</div>
|
<div class="home-item">
|
<state-info></state-info>
|
</div>
|
<div class="home-item">
|
<state-info></state-info>
|
</div>
|
<div class="home-item">
|
<state-info></state-info>
|
</div>
|
<div class="home-item">
|
<state-info></state-info>
|
</div>
|
<div class="home-item">
|
<state-info></state-info>
|
</div>
|
<div class="home-item">
|
<state-info></state-info>
|
</div>
|
<div class="home-item">
|
<state-info></state-info>
|
</div>
|
</div>
|
</template>
|
|
<style scoped lang="scss">
|
.home-view-wrapper {
|
display: flex;
|
flex-wrap: wrap;
|
height: 100%;
|
flex-direction: row;
|
.home-item {
|
padding: 4px;
|
width: 25%;
|
height: 50%;
|
}
|
}
|
</style>
|
