<div class="card-color">
<div class="dis-flex">
<div>
<p><span>100</span>万元</p>
<p>医疗总费用</p>
</div>
<img
src="../../../assets/images/out/moneyBag.png"
class="imageSize"
/>
</div>
</div>
<style scoped>
.card-color {
padding: 0px 20px 0px 20px;
border-radius: 4px;
border: 1px solid #e6ebf5;
background-color: #ffffff;
overflow: hidden;
color: #303133;
transition: 0.3s;
background-image: linear-gradient(to right, #0066ff, #5599ff); //从左到右，颜色渐变
box-shadow: 2px 6px 4px #888888; // 从左往右，从上往下添加阴影
}
.dis-flex {
display: flex;
justify-content: space-between;
align-items: center; //垂直居中
}
.imageSize {
width: 50px;
height: 50px;
}
</style>