效果图:
Html代码:
<view class="item">
<view class="cell">
<view class="title">
<span>收货人</span>:
</view>
<view class="value">
门三闫
</view>
</view>
<view class="cell">
<view class="title">
<span>手机号码</span>:
</view>
<view class="value">
188 **** 8888
</view>
</view>
<view class="cell">
<view class="title">
<span>收货地址</span>:
</view>
<view class="value">
北京市 东城区 东华门街道天安门广场
</view>
</view>
</view>
Css代码:
.item {
width: 90%;
margin: 0 auto;
padding: 30rpx;
background-color: white;
border-radius: 12rpx;
box-shadow: 0 6rpx 12rpx #00000060;
}
.cell {
display: flex;
margin: 20rpx 0;
}
.title {
width: 150rpx;
}
.title span { //关键样式
width: 4.3em;
display: inline-block;
text-align: justify;
text-align-last: justify;
}