You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
|
|
|
|
<script lang="ts" setup>
|
|
|
|
|
import { onMounted, ref } from 'vue'
|
|
|
|
|
import { TaskList } from '../TaskList/index.ts'
|
|
|
|
|
import type { NoviceType } from './index.d'
|
|
|
|
|
import { noviceTask } from '@/api/task/index'
|
|
|
|
|
|
|
|
|
|
const total = ref(0)
|
|
|
|
|
const earn = ref<NoviceType[]>([])
|
|
|
|
|
|
|
|
|
|
function getnoviceTaskList() {
|
|
|
|
|
noviceTask().then((res) => {
|
|
|
|
|
earn.value = res.taskCenterList
|
|
|
|
|
total.value = res.totalScore
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
|
onMounted(() => {
|
|
|
|
|
getnoviceTaskList()
|
|
|
|
|
})
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
<template>
|
|
|
|
|
<TaskList title="新手任务" :list="earn" :total="total" />
|
|
|
|
|
</template>
|
|
|
|
|
|
|
|
|
|
<style lang="scss" scoped>
|
|
|
|
|
.nvoice-task-box {
|
|
|
|
|
width: 95%;
|
|
|
|
|
.title {
|
|
|
|
|
font-size: 14px;
|
|
|
|
|
font-family: PingFang-SC, PingFang-SC;
|
|
|
|
|
font-weight: bold;
|
|
|
|
|
color: #000000;
|
|
|
|
|
line-height: 22px;
|
|
|
|
|
letter-spacing: 1px;
|
|
|
|
|
margin: 16px 0;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
</style>
|
