feat: init

wupengfei

8 小时以前 47047d626ea8fab28c04e6534fe6ffa3dc61de69

 packages/components/src/Card/ReserveServiceCard.vue

@@ -3,18 +3,26 @@
    <div class="reserve-service-card-title-wrapper">
      <div class="reserve-service-card-title">{{ serviceName }}</div>
      <slot name="title-right">
        <TaskPrice :value="toThousand(serviceFee ?? 0)" unit="元" />
        <TaskPrice :value="toThousand(payAmount ?? 0)" unit="元" />
      </slot>
    </div>
    <div class="reserve-service-card-item-list">
      <div class="reserve-service-card-item">
        服务时间：{{
          `${dayjs(beginTime).format('YYYY年MM月D日 HH:mm:ss')} - ${dayjs(endTime).format(
            'YYYY年MM月D日 HH:mm:ss'
          )}`
        }}
        <div class="reserve-service-card-item-label">服务时间：</div>
        <div class="reserve-service-card-item-content">
          {{
            `${dayjs(beginTime).format('YYYY年MM月D日 HH:mm:ss')} - ${dayjs(endTime).format(
              'YYYY年MM月D日 HH:mm:ss'
            )}`
          }}
        </div>
      </div>
      <div class="reserve-service-card-item">服务地址：{{ addressDetail }}</div>
      <div class="reserve-service-card-item">
        <div class="reserve-service-card-item-label">服务地址：</div>
        <div class="reserve-service-card-item-content">
          {{ addressDetail }}
        </div>
      </div>
    </div>

    <div class="reserve-service-card-footer">
@@ -174,6 +182,13 @@
      color: boleGetCssVar('text-color', 'regular');
      line-height: 36px;
      margin-bottom: 6px;
      display: flex;
      align-items: flex-start;

      .reserve-service-card-item-content {
        flex: 1;
        min-width: 0;
      }

      &:last-child {
        margin-bottom: 0;