feat: space组件处理
This commit is contained in:
@ -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';
|
||||
|
||||
Reference in New Issue
Block a user