30 lines
446 B
Vue
30 lines
446 B
Vue
|
<template>
|
||
|
|
<view class="uni-status-bar" :style="style">
|
||
|
|
<slot></slot>
|
||
|
|
</view>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
export default {
|
||
|
|
computed: {
|
||
|
|
style() {
|
||
|
|
//#ifdef APP-PLUS
|
||
|
|
return ''
|
||
|
|
//#endif
|
||
|
|
//#ifndef APP-PLUS
|
||
|
|
return `height:${uni.getSystemInfoSync().statusBarHeight}px`
|
||
|
|
//#endif
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<style>
|
||
|
|
.uni-status-bar {
|
||
|
|
display: block;
|
||
|
|
width: 100%;
|
||
|
|
height: 20px;
|
||
|
|
height: var(--status-bar-height);
|
||
|
|
}
|
||
|
|
</style>
|