前端页面,效果如下图:
HTML代码如下:
<p class="main">
<span class="title">礼品名:</span>
<span class="content">{{giftName}}</span>
</p>
<p class="main">
<span class="title">用户名:</span>
<span class="content">{{userName}}</span>
</p>
<p class="main">
<span class="title">联系方式:</span>
<span class="content">{{userMobile}}</span>
</p>
css代码如下:
.main {
display: flex;
margin-top: 15px;
}
.title {
color: #f90;
font-weight: 600;
}
.content {
color: #666;
flex: 1
}