Files
ClassContent/历届学生/陈一航/项目/baoheapp/src/components/header.vue
2024-09-27 02:06:13 +08:00

62 lines
1.1 KiB
Vue

<template lang="pug">
.header
.logo
img(class="logo_icon" src="/img/icon/gw_img_logo.png")
img(class="logo_text" src="/img/icon/logo_text_icon.png")
.open 打开
</template>
<script>
export default {
data() {
return {
}
},
created() {
},
methods: {
async getTvList() {
}
}
}
</script>
<style scoped lang="stylus">
.header
width: 100%;
height: 1.333rem;
background-color: #000000;
opacity: 0.7;
display: flex;
justify-content: space-between;
align-items: center;
padding: 0 0.533rem 0 0.32rem;
box-sizing: border-box;
position fixed
left 0
top 0
.logo
display: flex;
align-items: center;
.logo_icon
width: 0.867rem;
height: 0.867rem;
.logo_text
margin-left 0.253rem
width: 1.76rem;
height: 0.613rem;
.open
width: 2rem;
height: 0.693rem;
background-color: #d0302c;
font-family: PingFangSC-Medium;
line-height: 0.693rem;
font-size 16px
text-align center
border-radius 0.2rem
color: #ffffff;
</style>