1234567891011121314151617181920212223242526272829 |
- <template>
- <div class="screen-header">{{ title }}</div>
- </template>
- <script lang="ts" setup>
- defineProps({
- title: {
- type: String,
- default: "",
- },
- });
- </script>
- <style lang="scss" scoped>
- .screen-header {
- display: flex;
- justify-content: center;
- align-items: end;
- height: $screen-header-height;
- padding-bottom: 15px;
- font-weight: 500;
- font-size: 49px;
- color: #ffffff;
- line-height: 58px;
- background-image: url("@/assets/images/screen_header1.png");
- background-size: 100% 100%;
- background-position: center;
- }
- </style>
|