qn-ai-pc/src/views/task/components/NoviceTask/index.vue

<script lang="ts" setup>
import { ref } from 'vue'

import { TaskList } from '../TaskList/index.ts'

const earn = ref([
  {
    title: '完成一次同聪3.5对话',
    dot: 1,
    status: 1,
  },
  {
    title: '完成一次同聪4.0对话',
    dot: 1,
    status: 0,
  },
  {
    title: '完成一次角色对话',
    dot: 1,
    status: 1,
  },
  {
    title: '完成一次充值',
    dot: 200,
    status: 0,
  },
  {
    title: '完成一次xxxxxxxxx',
    dot: 2,
    status: 1,
  },
])
</script>

<template>
  <TaskList title="新手任务" :list="earn" />
</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>