<template class="content">
    <view>
      <!-- 顶部导航栏 -->
      <up-navbar leftText="" title="" :placeholder="true" :safeAreaInsetTop="true" :bgColor="bgColor">
        <template #center>
          <div class="text1"><span>完善资料</span></div>
        </template>
      </up-navbar>
      <image class="bg" :src="backImage()" ></image>
    </view>
  </template>
  
  <script setup>
  import { useRouter } from 'vue-router'
  import { ref, getCurrentInstance } from 'vue';
  import { getDicts } from "@/api/system/dict/data";
  import { onShow, onLoad } from '@dcloudio/uni-app'
  import image from 'uview-plus/libs/config/props/image';
  const { proxy } = getCurrentInstance();
const QNDomain = proxy.$store.state.user.QNDomain;
  const bgColor = ref('rgba(170, 0, 0, 0)')
  const isOfficial = ref(true)
  const iconConfig = proxy.iconConfig;
  const bjt = iconConfig.bjt;
  const name = ref(proxy.$store.state.user.name)
  const nickName = ref(proxy.$store.state.user.nickName)
  const sex = ref(proxy.$store.state.user.sex)
  
  const infoSchool = ref(proxy.$store.state.userInfo.infoSchool)//学校
  const backgroundImage = ref(proxy.$store.state.userInfo.backgroundImage)//背景图
  const infoRank = ref(proxy.$store.state.userInfo.infoRank)
  const remark = ref(proxy.$store.state.userInfo.remark)//签名

const backImage =() => {
    if(backgroundImage.value == ""){
        return bjt.value;
    }else{
        return QNDomain + backgroundImage.value
    }
}
  </script>
  
  <style lang="scss" scoped> 
  page {
    background-color: #F4F5F6;
  }
  .content {
  position: relative;
}
.text1 {
  font-weight: 400;
  font-size: 36rpx;
  color: #FFFFFF !important;
}
.bg {
    position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 500rpx;
}
  </style>
  