36 lines
678 B
Vue
36 lines
678 B
Vue
<template>
|
|
<div class="icon-title-bar" :class="{'mobile': mobile}">
|
|
<img :src="titleImg" alt="title"/>
|
|
</div>
|
|
</template>
|
|
<script lang="ts">
|
|
import { Component, Vue } from 'vue-property-decorator'
|
|
import { AppModule, DeviceType } from '@/store/modules/app'
|
|
|
|
@Component({
|
|
name: 'IconTitleBar',
|
|
components: {
|
|
},
|
|
props: ['titleImg']
|
|
})
|
|
export default class extends Vue {
|
|
get mobile() {
|
|
return AppModule.device === DeviceType.Mobile
|
|
}
|
|
}
|
|
</script>
|
|
<style lang="scss" scoped>
|
|
.icon-title-bar{
|
|
width: 100%;
|
|
display: flex;
|
|
justify-content: center;
|
|
margin-bottom: 58px;
|
|
margin-top: 58px;
|
|
}
|
|
.icon-title-bar.mobile{
|
|
img{
|
|
width: 52vw;
|
|
}
|
|
}
|
|
</style>
|