<template>
<div>
<div class="hd_shownum" :style="{height: height * 0.13+ 'px'}">
<div style=" text-align: center;color: #FFFFFF;">
<span class="hd_shadow_text">314</span>
<span style="">元/MWh</span>
</div>
<div class="hd_cen_tips"style="margin-top:calc(10vh - 50px) ">中长期损益</div>
</div>
</div>
</template>
<script>
export default {
name: 'PriceCard'
}
</script>
<style scoped>
.hd_shownum {
background: url('/img/bg/hd_big_center.png');
background-size: 100% 100%;
height: 90px;
padding: 2px 3px;
margin: 5px;
color: #FFFFFF;
}
.hd_shadow_text{
font-weight: bold;font-size: 30px;
text-shadow: 0 0 4px #71b2ec;
}
.hd_cen_tips{
text-align: center;
height: 24px;
background-image: linear-gradient(to right,#02113220, #268FEB, #02113220);
color: #FFFFFF;
/*margin-top: 30%;*/
}
</style>
图片以及全部资料:https://download.csdn.net/download/galaxyJING/88646107?spm=1001.2014.3001.5501