<div class="steps_tk">
<div class="steps_tktit">
<div class="steps-panel-content">
<div class="steps-panel-triple"></div>
<div>{{StepReviewLogs.statusName}}</div>
<div>{{StepReviewLogs.content}}</div>
<div v-if="item in StepReviewLogs.logs" :key="item.id">{{item.userName}}</div>
</div>
</div>
</div>
css
.steps_tk {
position: relative;
}
.steps_tktit {
position: absolute;
/* top: -54px;
left: 33px; */
top: -55px;
left: -68px;
}
.steps-panel-triple {
width: 0;
height: 0;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-top: 8px solid #404040;
border-bottom-color: #404040;
position: absolute;
left: 118px;
bottom: -8px;
}
.steps-panel-content {
width: 265px;
display: flex;
justify-content: center;
position: relative;
margin-top: 15px;
height: 30px;
line-height: 30px;
background-color: #404040;
color: #FFF;
text-align: left;
/* padding-left: 15px;
padding-right: 12px; */
border-radius: 5px;
font-size: 0.8rem;
letter-spacing: 0.1rem;
user-select: none;
-ms-user-select: none;
-moz-user-select: none;
-webkit-user-select: none;
cursor: pointer;
}