64 lines
1.1 KiB
Vue
64 lines
1.1 KiB
Vue
|
<template>
|
||
|
|
<u-navbar placeholder class="chating_header" bgColor="transparent">
|
||
|
|
<view @click="leftClick" class="u-nav-slot" slot="left">
|
||
|
|
取消
|
||
|
|
</view>
|
||
|
|
<view class="u-nav-slot" slot="center">
|
||
|
|
<view class="chating_info">
|
||
|
|
<view class="conversation_info">
|
||
|
|
<view class="title">已选择{{ count }}条消息</view>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
<view class="u-nav-slot" slot="right">
|
||
|
|
</view>
|
||
|
|
</u-navbar>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
export default {
|
||
|
|
name: "SelectHeader",
|
||
|
|
props: {
|
||
|
|
count:{
|
||
|
|
type:Number,
|
||
|
|
default(){
|
||
|
|
return 0;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
},
|
||
|
|
computed: {
|
||
|
|
},
|
||
|
|
methods: {
|
||
|
|
leftClick(e) {
|
||
|
|
this.$emit("leftClick", e);
|
||
|
|
},
|
||
|
|
},
|
||
|
|
};
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<style lang="scss" scoped>
|
||
|
|
.chating_header {
|
||
|
|
border: 2rpx solid #e1e1e1;
|
||
|
|
.u-nav-slot {
|
||
|
|
padding: 24rpx;
|
||
|
|
}
|
||
|
|
|
||
|
|
.chating_info {
|
||
|
|
@include vCenterBox();
|
||
|
|
flex-direction: column;
|
||
|
|
.conversation_info {
|
||
|
|
flex-direction: row;
|
||
|
|
justify-content: center;
|
||
|
|
@include vCenterBox();
|
||
|
|
|
||
|
|
.title {
|
||
|
|
@include nomalEllipsis();
|
||
|
|
max-width: 280rpx;
|
||
|
|
font-size: 30rpx;
|
||
|
|
font-weight: 500;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</style>
|