xwc/components/record-cell/record-cell.vue

<!-- 账户明细 单元格 -->
<template>
    <view class="record-cell flex row-between">
        <!-- Left -->
        <view>
            <view class="remark md">{{ remark }}</view>
            <view class="time m-t-10 muted sm">{{ date }}</view>
        </view>
        
        <!-- Right -->
        <view class="black">
            <view class="money lg" :class="{primary: type == 1}">{{ money }}</view>
        </view>
    </view>
</template>

<script>
    export default {
        name: 'record-cell',
        
        props: {
            // 备注
            remark: {
                type: String,
                required: true
            },
            // 时间
            date: {
                type: String,
                required: true
            },
            // 金额
            money: {
                type: String | Number,
                required: true
            },
			type: {
				 type: String | Number,
			}
        },
        
        methods: {
          
        }
    }
</script>

<style lang="scss" scoped>
.record-cell {
	padding: 16rpx 30rpx;
	border-bottom: $-solid-border;
}
</style>