<div class="mark-box">
<div class="mark-content-box">
<text class="mark-content-text-top">本月剩{{ card.my_share_num }}次</text>
<text class="mark-content-text-bottom" />
</div>
</div>
.mark-content-box {
width: 170px;
height: 80px;
transform: rotate(45deg);
}
.mark-content-text-top {
background-color: gray;
color: white;
width: 170px;
height: 40px;
line-height: 40px;
text-align: center;
font-size: 20px;
background-color: #7B5813;
}
.mark-content-text-bottom {
color: white;
width: 170px;
height: 40px;
line-height: 40px;
text-align: center;
font-size: 20px;
background-color: transparent;
}
.mark-box {
width: 120px;
height: 120px;
position: absolute;
align-items: center;
overflow: hidden;
justify-content: center;
right: 0;
}
