| | |
| | | <view > |
| | | <view class="main"> |
| | | <view class="main-left" > |
| | | <view class="main-list" v-for="it in list" style="width: 100%;"> |
| | | <view class="left-key">{{it.key}}</view> |
| | | <view class="main-list" v-for="it in lable" style="width: 100%;"> |
| | | <view class="left-key">{{it.label}}</view> |
| | | <view>:</view> |
| | | <view class="left-val"> |
| | | <text :class="it.valText">{{it.value}}</text> |
| | | <text :class="it.valText">{{fields[it.attribute]}}</text> |
| | | </view> |
| | | </view> |
| | | </view> |
| | |
| | | // this.dataList = this.list.detl |
| | | }, |
| | | props: { |
| | | list: { |
| | | lable: { |
| | | type: Array, |
| | | default() { |
| | | return {} |
| | | } |
| | | }, |
| | | fields: { |
| | | type: Object, |
| | | default() { |
| | | return {} |
| | | } |
| | |
| | | background-color: #f5f5f5; |
| | | display: flex; |
| | | align-items: stretch; |
| | | margin: 8px 8px 8px 8px; |
| | | margin: 8px 12px 8px 12px; |
| | | border-radius: 8px; |
| | | } |
| | | .main-left { |