<template>
  <div style="background: #06247A;">
    <div :style=dynamicStyle >
      <!-- <van-image
  height="162"
  fit="cover"
  :src=homebg
/> -->
    <div style="height: 114px;"></div>
     <div class="numbers00">
       <div class="nums00">
         <span class="text100">{{ num1 }}</span>
         <span class="text200">&nbsp;浏览</span>
       </div>
       <div style="width: 1px;height: 20px;background: rgba(255,255,255,0.85);"></div>
    
        <div class="nums00">
        <span class="text100">{{ num2 }}</span>
        <span class="text200">&nbsp;投票</span>
        </div>
         
    </div>
  </div>
    <div style="height: 16px;"></div>
  </div>
</template>
<script setup >
const IMG_PATH = import.meta.env.VITE_IMAGE_URL+'/static/images/1178172634346456.png_hd.png'
const props = defineProps({
  num1: {  
    type: Number,  
   
  }, 
  num2: {  
    type: Number,
   
   
  }, 
 
});  
const dynamicStyle = ref({
  'backgroundImage':'url('+IMG_PATH+')',
  'height': '162px',
  'background-size': 'cover', 
  'background-repeat': 'no-repeat',
    });
</script>
<style scoped>
/* .hobg{
  height: 162px;
  background: url('http://dev-vote-system.oss-cn-beijing.aliyuncs.com/static/images/11781726022977_.pic_hd.jpg') no-repeat;
  background-size: 100% 100%;
} */
.numbers00{

height: 48px;

margin-left: 16px;
margin-right: 16px;
background: rgba(15,47,134,0.65);
border-radius: 8px;
border: 1px solid rgba(7,187,255,0.24);
display: flex;
align-items: center;
flex-direction: row;



}
.nums00{
 
  display: flex;
  flex-direction: row;
  flex: 1;
  justify-content:center;
  z-index: 999;
}
.text100{
    font-family: AlibabaPuHuiTiH;
font-size: 24px;
color: #51EAFF;
line-height: 48px;
text-align: center;
font-style: normal;
}
.text200{
  font-family: PingFangSC, PingFang SC;
font-weight: 400;
font-size: 16px;
color: rgba(255,255,255,0.85);
line-height: 48px;
text-align: center;
font-style: normal;
}
</style>
