54 lines
1.1 KiB
Vue
54 lines
1.1 KiB
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>
|