feat: space组件处理

This commit is contained in:
rd
2025-09-04 16:50:20 +08:00
parent 15357b6bc8
commit aaa8a320c8
28 changed files with 417 additions and 423 deletions

View File

@ -9,28 +9,28 @@
<a-row class="grid-demo" :gutter="24">
<a-col :span="12">
<div class="">
<a-space direction="vertical">
<Space direction="vertical">
<span class="span-title">账户</span>
<span class="span-content">{{ detailData?.account }}</span>
</a-space>
</Space>
</div>
</a-col>
<a-col :span="12">
<div class="">
<a-space direction="vertical">
<Space direction="vertical">
<span class="span-title">计划</span>
<span class="span-content">{{detailData.plan}}</span>
</a-space>
</Space>
</div>
</a-col>
</a-row>
<a-row class="grid-demo" :gutter="24" style="margin-top: 30px">
<a-col :span="12">
<div class="">
<a-space direction="vertical">
<Space direction="vertical">
<span class="span-title">平台</span>
<a-space>
<Space>
<span
class="mr-8px"
v-if="detailData.platform.length > 0"
@ -39,17 +39,17 @@
<img :src="PLATFORM_LIST?.[item]?.icon" width="15" height="15" />
<span class="label ml-5px">{{ PLATFORM_LIST?.[item]?.label }}</span>
</span>
</a-space>
</a-space>
</Space>
</Space>
</div>
</a-col>
<a-col :span="12">
<div class="">
<a-space direction="vertical">
<Space direction="vertical">
<span class="span-title">生成时间</span>
<span class="span-content">{{ detailData.created_at }}</span>
</a-space>
</Space>
</div>
</a-col>
</a-row>
@ -60,21 +60,21 @@
<!-- 投放建议-->
<PlacementSuggestions :optimization="aiResult.optimization"></PlacementSuggestions>
<div class="ignore-export">
<a-space class="down-btn">
<Space class="down-btn">
<Button type="primary" ghost :loading="exportLoading" @click="downPage">
<template #icon>
<icon-download class="mr-8px"/>
</template>
<template #default>下载</template>
</Button>
</a-space>
</Space>
</div>
</div>
</template>
<script setup lang="ts">
import { reactive, ref } from 'vue';
import { Button } from 'ant-design-vue';
import { Button, Space } from 'ant-design-vue';
import MonthData from './components/month-data/index.vue';
import PlacementSuggestions from './components/placement-suggestions/index.vue';
import { PLATFORM_LIST } from '@/utils/platform';