Files
peiwan-uniapp/pages/tabbar/components/mine/bgBox.vue

62 lines
1.1 KiB
Vue
Raw Normal View History

2025-01-21 01:46:34 +08:00
<template>
<view class="bg-box">
<!-- <view class="tip-btn">
<view class="text">Tip: 完善资料更能吸引异性的关注哦~</view>
</view> -->
<u-image width="100%" height="400rpx" :fade="false" :src="userInfo.avatar ? userInfo.avatar: 'https://rbtnet.oss-cn-hangzhou.aliyuncs.com/aa361225849eeb86428e1a3d647d6f7b94354e74de212403bb968e6ad85e79b3.jpeg'"></u-image>
</view>
</template>
<script>
import sheep from '@/sheep';
export default {
components: {
},
data() {
return {
}
},
computed: {
userInfo: {
get() {
return sheep.$store('user').userInfo;
},
},
},
methods: {
}
}
</script>
<style lang="scss" scoped>
.bg-box {
background-color: red;
position: fixed;
left: 0;
right: 0;
.tip-btn {
position: absolute;
top: 0;
left: 0;
right: 0;
z-index: 99999;
display: flex;
justify-content: center;
align-items: center;
bottom: 0;
.text {
background-color: #3333334a;
font-size: 24rpx;
border-radius: 40px;
padding: 3px 10px;
text-align: center;
color: #fff;
}
}
}
</style>