flexJobMiniApp.git

			@@ -1,5 +1,5 @@
			<template>
			<div class="income-detail-list-item">
			<div class="income-detail-list-item" :class="{ hasPaddingH }">
			<div class="income-detail-list-item-inner" :class="{ 'border-none': !showBorder }">
			<slot name="title">
			<div class="income-detail-list-item-title">
			@@ -7,6 +7,7 @@
			<div class="income-detail-list-item-title-value">{{ toThousand(funds) }}</div>
			</div>
			</slot>
			<div class="income-detail-list-item-wrapper"></div>
			<div class="income-detail-list-item-content">
			<div class="income-detail-list-item-content-item">{{ item }}</div>
			<!-- <div class="income-detail-list-item-content-value" v-if="showValue">{{ value }}</div> -->
			@@ -29,11 +30,13 @@
			value?: string;
			showValue?: boolean;
			showBorder?: boolean;
			hasPaddingH?: boolean;
			};

			const props = withDefaults(defineProps<Props>(), {
			showValue: true,
			showBorder: true,
			hasPaddingH: false,
			});
			</script>

			@@ -41,15 +44,15 @@
			@import '@/styles/common.scss';

			.income-detail-list-item {
			padding: 0 boleGetCssVar('size', 'body-padding-h');
			&.hasPaddingH {
			padding: 0 boleGetCssVar('size', 'body-padding-h');
			}

			.income-detail-list-item-inner {
			padding: 24px 0 18px;
			border-bottom: 1px solid #f6f6f6;
			display: flex;
			flex-direction: column;
			background: #ffffff;
			border-radius: 12px;
			padding: 40px;
			margin-bottom: 24px;

			&.border-none {
			border-bottom: none;