zhengyiming
7 天以前 3673993e2eb02c052c40746412adcc088727b12c
packages/components/src/List/IncomeDetailListItem.vue
@@ -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">
@@ -29,11 +29,13 @@
  value?: string;
  showValue?: boolean;
  showBorder?: boolean;
  hasPaddingH?: boolean;
};
const props = withDefaults(defineProps<Props>(), {
  showValue: true,
  showBorder: true,
  hasPaddingH: false,
});
</script>
@@ -41,15 +43,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;