| | |
| | | <view class="line-item-container" style="margin-bottom: 20rpx;"> |
| | | |
| | | <view v-for="(item, index) in dataInfo" :key="index" class="line-item"> |
| | | <view class="l"> |
| | | {{item.label}} |
| | | </view> |
| | | <view class="r" v-if="!item.useSlot"> |
| | | {{item.value}} |
| | | <view class="text"> |
| | | <view class="l"> |
| | | {{item.label}} |
| | | </view> |
| | | <view class="r" v-if="!item.useSlot"> |
| | | {{item.value}} |
| | | </view> |
| | | </view> |
| | | |
| | | <view class="r" v-else> |
| | | <view class="r" v-if="item.useSlot"> |
| | | <!-- #ifdef H5--> |
| | | <slot :name="item.useSlot" :scope="item"></slot> |
| | | <!-- #endif --> |
| | |
| | | |
| | | <style scoped lang="scss"> |
| | | .line-item-container { |
| | | .line-item { |
| | | .text { |
| | | background-color: #ffffff; |
| | | display: flex; |
| | | justify-content: space-between; |
| | |
| | | color: #969799; |
| | | } |
| | | } |
| | | .r { |
| | | background-color: #ffffff; |
| | | } |
| | | } |
| | | |
| | | view { |