wupengfei
9 小时以前 99bafe2a2588853c2dd4c73c2d2a2cb1837bf688
apps/cMiniApp/src/subpackages/wallet/incomeDetail/InnerPage.vue
@@ -3,7 +3,13 @@
    <IncomeDetailListItem :item="'收入:¥600.00'">
      <template #title>
        <div class="income-detail-time-picker">
          <ChooseInputWithPicker v-model="form.month" :value-enum="TaskStatusText" />
          <ChooseInputWithDatePicker
            v-model="form.month"
            type="year-month"
            format="YYYY年M月"
            :max-date="nowDate"
          />
          <IconFont name="triangle-down" class="income-detail-time-picker-icon"></IconFont>
        </div>
      </template>
    </IncomeDetailListItem>
@@ -18,19 +24,20 @@
</template>
<script setup lang="ts">
import { List, IncomeDetailListItem, ChooseInputWithPicker } from '@12333/components';
import { TaskStatusText, TaskStatus } from '@/constants';
import { List, IncomeDetailListItem, ChooseInputWithDatePicker } from '@12333/components';
import { useUserStore } from '@/stores/modules/user';
import { IconFont } from '@nutui/icons-vue-taro';
import Taro from '@tarojs/taro';
import dayjs from 'dayjs';
defineOptions({
  name: 'InnerPage',
});
const userStore = useUserStore();
const nowDate = dayjs().toDate();
const form = reactive({
  month: TaskStatus.All,
  month: dayjs().format('YYYY年M月'),
});
function goIncomeDetailInfo() {
@@ -45,9 +52,12 @@
.incomeDetail-page-wrapper {
  .income-detail-time-picker {
    position: relative;
    .nut-input {
      border-bottom: none;
      padding: 0;
      width: 100%;
      .input-text {
        font-size: 20px;
@@ -59,6 +69,12 @@
        display: none;
      }
    }
    .income-detail-time-picker-icon {
      position: absolute;
      top: 12px;
      left: 220px;
    }
  }
}
</style>