96 lines
1.9 KiB
Vue
96 lines
1.9 KiB
Vue
<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"> 浏览</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"> 投票</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>
|