Files
ClassContent/历届学生/逯帅帅/项目开发/上课项目/uniapp在包河/components/Top.vue
2024-09-27 02:06:13 +08:00

53 lines
950 B
Vue

<template lang="pug">
.title
.title-left
img.logo(src="../static/img/icon/gw_img_logo.png")
img.text-img(src="../static/img/icon/logo_text_icon.png")
button 打开
</template>
<script>
export default {
name: "Top",
};
</script>
<style scoped lang="less">
.title {
height: 100rpx;
display: flex;
justify-content: space-between;
align-items: center;
background-color: #4c4c4c;
display: flex;
left: 0;
right: 0;
top: 0;
.title-left {
margin-left: 12rpx;
display: flex;
align-items: center;
.logo {
margin-top: 5.625rpx;
width: 65rpx;
height: 65rpx;
}
.text-img {
margin-left: 9.4875rpx;
width: 132rpx;
height: 46rpx;
}
}
button {
width: 144rpx;
height: 52rpx;
line-height: 52rpx;
margin-right: 19.9875rpx;
color: #fff;
background-color: #d0302c;
border-radius: 8rpx;
border: none;
font-size: 12rpx;
}
}
</style>