oil-station/pos-uni/components/header/headers.vue
2024-08-16 18:26:19 +08:00

71 lines
1.0 KiB
Vue

<template>
<view class="my-header">
<view class="my-icons" @click="gobock()">
<slot></slot>
</view>
<view class="my-text">{{titles}}</view>
<view class="my-icons" @click="clickChild()">
{{type?'筛选':''}}
</view>
</view>
</template>
<script>
export default {
data() {
return {
}
},
props: {
titles: String,
type: String
},
mounted() {
},
methods: {
gobock() {
uni.navigateBack()
},
clickChild() {
console.log("2222222222222222222222222")
this.$emit('chiledEvent', 123);
}
}
}
</script>
<style scoped lang="scss">
.my-header {
width: 100%;
height: 88px;
// background: linear-gradient(180deg, #B2D2FC 0%, rgba(255, 255, 255, 0.84) 100%);
display: flex;
align-items: center;
justify-content: space-between;
color: #fff;
box-sizing: border-box;
padding: 0px 15px;
padding-top: 40px;
z-index: 99999;
background: #0864e9;
position: fixed;
top: 0px;
.my-icons {
width: 50px;
}
.my-text {
font-weight: bold;
}
}
</style>