|
|
@ -3,8 +3,9 @@ import ModelCard from "./components/ModelCard.vue";
|
|
|
|
// import { getModelList } from "@/api/list";
|
|
|
|
// import { getModelList } from "@/api/list";
|
|
|
|
import { getModelsList } from "@/api/model";
|
|
|
|
import { getModelsList } from "@/api/model";
|
|
|
|
import { onMounted, ref } from "vue";
|
|
|
|
import { onMounted, ref } from "vue";
|
|
|
|
|
|
|
|
import modelTitle from "@/assets/model_title.png";
|
|
|
|
defineOptions({
|
|
|
|
defineOptions({
|
|
|
|
name: "ServerList"
|
|
|
|
name: "ModelList"
|
|
|
|
});
|
|
|
|
});
|
|
|
|
// TODO 0416 卡片分页封装
|
|
|
|
// TODO 0416 卡片分页封装
|
|
|
|
const svg = `
|
|
|
|
const svg = `
|
|
|
@ -67,7 +68,7 @@ onMounted(() => {
|
|
|
|
<template>
|
|
|
|
<template>
|
|
|
|
<div class="main modelList_wrap">
|
|
|
|
<div class="main modelList_wrap">
|
|
|
|
<div class="modelList_header">
|
|
|
|
<div class="modelList_header">
|
|
|
|
苏胜天大模型衍生模型库
|
|
|
|
<img class="w-[218px] h-[19px]" :src="modelTitle" />
|
|
|
|
<span class="text-[24px] text-[#154DDD]">{{ modelNum }}</span>
|
|
|
|
<span class="text-[24px] text-[#154DDD]">{{ modelNum }}</span>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div
|
|
|
|
<div
|
|
|
@ -118,6 +119,9 @@ onMounted(() => {
|
|
|
|
border: 1px solid rgba(21, 77, 221, 0.2);
|
|
|
|
border: 1px solid rgba(21, 77, 221, 0.2);
|
|
|
|
.modelList_header {
|
|
|
|
.modelList_header {
|
|
|
|
box-sizing: border-box;
|
|
|
|
box-sizing: border-box;
|
|
|
|
|
|
|
|
display: flex;
|
|
|
|
|
|
|
|
justify-content: flex-start;
|
|
|
|
|
|
|
|
align-items: center;
|
|
|
|
padding: 16px;
|
|
|
|
padding: 16px;
|
|
|
|
height: 62px;
|
|
|
|
height: 62px;
|
|
|
|
font-family: Douyin Sans, Douyin Sans;
|
|
|
|
font-family: Douyin Sans, Douyin Sans;
|
|
|
|