50 lines
798 B
Vue
50 lines
798 B
Vue
|
<template>
|
||
|
|
<div class="AppEpidemicSituation">
|
||
|
|
<div class="header">
|
||
|
|
<img src="./components/img/header.png" alt="">
|
||
|
|
<div class="content-info"></div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
import {mapState} from 'vuex'
|
||
|
|
|
||
|
|
export default {
|
||
|
|
name: "AppEpidemicSituation",
|
||
|
|
appName: "疫情防控",
|
||
|
|
data() {
|
||
|
|
return {
|
||
|
|
}
|
||
|
|
},
|
||
|
|
computed: {...mapState(['user'])},
|
||
|
|
onShow() {
|
||
|
|
|
||
|
|
},
|
||
|
|
methods: {
|
||
|
|
|
||
|
|
},
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<style lang="scss" scoped>
|
||
|
|
.AppEpidemicSituation {
|
||
|
|
.header{
|
||
|
|
img{
|
||
|
|
width: 100%;
|
||
|
|
height: 504px;
|
||
|
|
}
|
||
|
|
.content-info{
|
||
|
|
width: calc(100% - 60px);
|
||
|
|
height: 209px;
|
||
|
|
background: #FFF;
|
||
|
|
box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.12);
|
||
|
|
border-radius: 8px;
|
||
|
|
margin: -136px 30px 0;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
}
|
||
|
|
</style>
|