crowd-test-service-frontend/src/pages/DetailPage/TestTypeDetail.vue

<template>
  <div class="home-wrapper">
    <div class="container" style="margin: 20px auto;">
      <div class="create-body" v-for="item in fields">
        <div class="title h2">{{item.name}}</div>
        <div class="h3">{{item.introduction}}</div>
      </div>
    </div>
  </div>
</template>

<script>
  import {getAllServiceTypes} from '@/js/index.js'

  export default {
        name: "TestTypeDetail",
        data() {
            return {
                isLogin: false,
                fields: [],
            }
        },
        methods: {
            setFields(){
                getAllServiceTypes().then((res) => {
                    this.fields = res
                    console.log(res);
                })
            },
        },
        mounted() {
            this.setFields();
        }
    }
</script>

<style scoped>
  .item-template {
    height: 80px;
  }
</style>