45 lines
1.6 KiB
Vue
45 lines
1.6 KiB
Vue
|
<template>
|
|||
|
|
<view class="h-full flex flex-col">
|
|||
|
|
<view class="flex-shrink-0 w-full">
|
|||
|
|
<view :style="{ height: statusBarHeight }" class="bg-primary"></view>
|
|||
|
|
<view class="relative z-3 flex items-center px-15 py-12 bg-primary">
|
|||
|
|
<view class="flex-shrink-0 mr-10">
|
|||
|
|
<image class="logo" src="/static/logo-plain.png"></image>
|
|||
|
|
</view>
|
|||
|
|
<view class="w-0 flex-grow">
|
|||
|
|
<view class="text-lg font-semibold text-white">柚健康 </view>
|
|||
|
|
<view class="leading-normal text-base text-white truncate">生命全周期健康管理伙伴</view>
|
|||
|
|
</view>
|
|||
|
|
<view v-if="menuButtonInfo && menuButtonInfo.width > 0" class="flex-shrink-0"
|
|||
|
|
:style="{ width: menuButtonInfo.width + 'px', height: menuButtonInfo.height + 'px' }">
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="flex-grow flex flex-col items-center justify-center bg-white">
|
|||
|
|
<empty-data :showText="false" />
|
|||
|
|
<view class="mb-10 text-lg text-dark font-semibold">暂无团队</view>
|
|||
|
|
<view class="text-lg text-dark font-semibold">需要扫团队二维码绑定服务团队哦！</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</template>
|
|||
|
|
<script setup>
|
|||
|
|
import { ref, onMounted } from 'vue';
|
|||
|
|
import emptyData from '@/components/empty-data.vue';
|
|||
|
|
|
|||
|
|
const statusBarHeight = ref('50px');
|
|||
|
|
const menuButtonInfo = ref(null);
|
|||
|
|
|
|||
|
|
onMounted(() => {
|
|||
|
|
const win = uni.getWindowInfo();
|
|||
|
|
if (win && win.statusBarHeight > 0) {
|
|||
|
|
statusBarHeight.value = win.statusBarHeight + 'px';
|
|||
|
|
}
|
|||
|
|
menuButtonInfo.value = uni.getMenuButtonBoundingClientRect();
|
|||
|
|
})
|
|||
|
|
</script>
|
|||
|
|
<style scoped>
|
|||
|
|
.logo {
|
|||
|
|
width: 120rpx;
|
|||
|
|
height: 120rpx;
|
|||
|
|
}
|
|||
|
|
</style>
|