diff --git a/components/cashFlowCard/cashFlowCard.vue b/components/cashFlowCard/cashFlowCard.vue index 64c8e11..73ffa21 100644 --- a/components/cashFlowCard/cashFlowCard.vue +++ b/components/cashFlowCard/cashFlowCard.vue @@ -7,7 +7,7 @@ ¥{{ cardData.inflow.toFixed(2) }} - + @@ -15,7 +15,7 @@ {{ item.title }} - {{ item.status }} + {{ item.status }} {{ item.time }} @@ -24,7 +24,7 @@ - + {{ item.amount >= 0 ? '+' : '' }}¥{{ Math.abs(item.amount).toFixed(2) }} @@ -39,20 +39,20 @@ export default { props: { cardData: { type: Object, - required: true - } + required: true, + }, }, methods: { getIconByTitle(title) { // 根据标题自动选择对应的图标 const iconMap = { - '提现': commonEnum.WITHDRAW, - '订单': commonEnum.ORDER_NUMBER, + 提现: commonEnum.WITHDRAW, + 订单: commonEnum.ORDER_NUMBER, // 可以根据需要添加更多映射 } return iconMap[title] || '' - } - } + }, + }, } @@ -89,7 +89,7 @@ export default { .card-out { font-size: 24rpx; color: #333; - + &::before { content: '出 '; color: #666; @@ -99,7 +99,7 @@ export default { .card-in { font-size: 24rpx; color: #333; - + &::before { content: '入 '; color: #666; @@ -113,9 +113,10 @@ export default { justify-content: space-between; align-items: flex-start; width: 100%; - margin-top: 20rpx; + padding: 20rpx 0; border-bottom: 1rpx solid #f0f0f0; + background: #f7f7f7; &:last-child { border-bottom: none; @@ -127,18 +128,19 @@ export default { flex: 1; .card-icon { - width: 60rpx; - height: 60rpx; - border-radius: 50%; + width: 80rpx; + height: 80rpx; + margin-right: 20rpx; - border: 2rpx dashed #ccc; + //border: 2rpx dashed #ccc; display: flex; align-items: center; justify-content: center; image { - width: 40rpx; - height: 40rpx; + width: 80rpx; + height: 80rpx; + border-radius: 50%; } } @@ -184,7 +186,7 @@ export default { .order-number { font-size: 22rpx; - color: #999; + color: #f15a04; } } } @@ -195,6 +197,7 @@ export default { font-weight: bold; color: #333; text-align: right; + padding-right: 20rpx; &.positive { color: #ff803a; @@ -206,4 +209,4 @@ export default { } } } - \ No newline at end of file + diff --git a/pages/cashFlow/cashFlow.vue b/pages/cashFlow/cashFlow.vue index 5cc0d37..f3a6a2a 100644 --- a/pages/cashFlow/cashFlow.vue +++ b/pages/cashFlow/cashFlow.vue @@ -15,7 +15,8 @@ - + +