Skip to content

B
bigDataSystem
Commit dbfa4bd1 authored by liangjingpeng's avatar liangjingpeng
Browse files
Options

前台页面-交易市场-数据集详情1

parent c2ad7ca8
Hide whitespace changes
Inline Side-by-side
Showing with 419 additions and 364 deletions
src/views/AAAFont/front/index.vue
View file @ dbfa4bd1
......@@ -11,14 +11,14 @@
</el-carousel>
</div>
<h3 class="content-item-h3">登记公示</h3>
<h3 class="content-item-h3">数据公示</h3>
<span class="title_bottom">共114条数据，公示期为10个工作日</span>
<div class="tab-pane">
<el-tabs v-model="activeName" @tab-click="handleClick">
<el-tab-pane name="first">
<template #label>
<span class="mb-4" style="font-size: 24px; font-weight: 700; color: #1962e2"
>登记平台(112)</span
>数据平台(112)</span
>
</template>
<el-row class="mt-5" :gutter="20">
......@@ -198,7 +198,7 @@
<div class="custom-table">
<el-tab-pane name="first">
<template #label>
<span class="mb-4 tab-label">数据集（15900）</span>
<span class="mb-4 tab-label">数据服务（15900）</span>
</template>
<el-table
class="mt-5"
......@@ -223,7 +223,7 @@
</el-tab-pane>
<el-tab-pane name="second">
<template #label>
<span class="mb-4 tab-label">文件（100）</span>
<span class="mb-4 tab-label">数据集（100）</span>
</template>
<el-table
class="mt-5"
......@@ -271,31 +271,6 @@
<el-table-column prop="upDate" label="更新日期" />
</el-table>
</el-tab-pane>
<el-tab-pane name="fourth">
<template #label>
<span class="mb-4 tab-label">登记产品</span>
</template>
<el-table
class="mt-5"
:fits="true"
:row-style="{ height: '60px' }"
:header-cell-style="{ background: '#E4ECFA', color: '#3F3F3F', height: '60px' }"
:data="tableData"
style="width: 1440px; font-size: 18px"
>
<el-table-column prop="address" width="500" label="登记产品产权名称">
<template #header="scope">
<span class="table-span-label">{{ scope.column.label }}</span>
</template>
<template #default="scope">
<span class="table-span">{{ scope.row.address }}</span>
</template>
</el-table-column>
<el-table-column prop="name" width="350" label="申请人" />
<el-table-column prop="applicationDate" label="申请日期" />
<el-table-column prop="upDate" label="更新日期" />
</el-table>
</el-tab-pane>
</div>
</el-tabs>
<el-button-group>
......
src/views/AAAFont/tradingMarket/details/api.vue
View file @ dbfa4bd1
<script setup lang="ts">
<template>
<PageWrapper class="content-padding" contentBackground @back="goBack">
<template #headerContent>
<div class="modal_top">
<Icon
icon="ep:arrow-left-bold"
:size="20"
style="margin-right: 5px"
:color="'#a3a7b1'"
@click="goBack"
/>
<div>
<Icon
icon="material-symbols-light:dataset-linked-outline-sharp"
:size="40"
:color="'#64c6e9'"
/>
</div>
<div class="ml-3">
<div class="title">API</div>
<div class="path">API日志记录</div>
</div>
<div class="buttonGroup"> </div>
</div>
</template>
<div class="desc-wrap">
<step-header title="基本信息" />
<Description
size="middle"
:bordered="false"
:column="2"
:data="basicData"
:schema="basicSchema"
:labelStyle="{ fontSize: '16px' }"
:contentStyle="{ fontSize: '16px' }"
/>
<step-header class="mt-5" title="列信息" />
<BasicTable @register="registerTable" />
</div>
</PageWrapper>
</template>
<script lang="ts" setup>
import { onMounted, ref } from 'vue';
import { PageWrapper } from '@/components/Page';
import { Tabs } from 'ant-design-vue';
import { useMessage } from '@/hooks/web/useMessage';
import { router } from '@/router';
import Icon from '@/components/Icon/Icon.vue';
import { Description } from '@/components/Description';
import { basicSchema, searchEditFormSchema, informationColumns } from './data';
import { basicData, informationTableList } from './dataFileData';
import { BasicTable, useTable } from '@/components/Table';
import BasicTitle from "@/components/Basic/src/BasicTitle.vue";
import StepHeader from "@/components/stepHeader.vue";
defineOptions({ name: 'AccountDetail' });
const { createMessage, createConfirm } = useMessage();
const ATabs = Tabs;
const ATabPane = Tabs.TabPane;
const [registerTable] = useTable({
api: async () => {
const response = {
pageNu: '1',
pageSize: '10',
pages: '1',
total: informationTableList.length,
code: '',
message: '',
data: informationTableList,
};
return { ...response };
},
columns: informationColumns,
formConfig: {
labelWidth: 10,
schemas: searchEditFormSchema,
autoSubmitOnEnter: true,
showActionButtonGroup: false,
},
showTableSetting: false,
showIndexColumn: false,
bordered: true,
handleSearchInfoFn(info) {
return info;
},
});
function goBack() {
router.back();
}
onMounted(() => {});
</script>
<template>
api
</template>
<style lang="scss" scoped>
.content-padding {
width: 1440px;
margin: 0 auto;
background-color: white;
}
.modal_top {
padding: 0 0 20px 0;
display: flex;
align-items: center;
.title {
font-size: 16px;
font-weight: 500;
}
.path {
font-size: 14px;
color: gray;
}
<style scoped lang="less">
.buttonGroup {
margin-left: auto;
display: flex;
gap: 5px;
align-items: center;
}
}
</style>
src/views/AAAFont/tradingMarket/details/file.vue
View file @ dbfa4bd1
<script setup lang="ts">
<template>
<PageWrapper class="content-padding" contentBackground @back="goBack">
<template #headerContent>
<div class="modal_top">
<Icon
icon="ep:arrow-left-bold"
:size="20"
style="margin-right: 5px"
:color="'#a3a7b1'"
@click="goBack"
/>
<div>
<Icon
icon="material-symbols-light:dataset-linked-outline-sharp"
:size="40"
:color="'#64c6e9'"
/>
</div>
<div class="ml-3">
<div class="title">文件</div>
<div class="path">党建工作总结</div>
</div>
<div class="buttonGroup"> </div>
</div>
</template>
<div class="desc-wrap">
<step-header title="基本信息" />
<Description
size="middle"
:bordered="false"
:column="2"
:data="basicData"
:schema="basicSchema"
:labelStyle="{ fontSize: '16px' }"
:contentStyle="{ fontSize: '16px' }"
/>
<step-header class="mt-5" title="列信息" />
<BasicTable @register="registerTable" />
</div>
</PageWrapper>
</template>
<script lang="ts" setup>
import { onMounted, ref } from 'vue';
import { PageWrapper } from '@/components/Page';
import { Tabs } from 'ant-design-vue';
import { useMessage } from '@/hooks/web/useMessage';
import { router } from '@/router';
import Icon from '@/components/Icon/Icon.vue';
import { Description } from '@/components/Description';
import { basicSchema, searchEditFormSchema, informationColumns } from './data';
import { basicData, informationTableList } from './dataFileData';
import { BasicTable, useTable } from '@/components/Table';
import BasicTitle from "@/components/Basic/src/BasicTitle.vue";
import StepHeader from "@/components/stepHeader.vue";
defineOptions({ name: 'AccountDetail' });
const { createMessage, createConfirm } = useMessage();
const ATabs = Tabs;
const ATabPane = Tabs.TabPane;
const [registerTable] = useTable({
api: async () => {
const response = {
pageNu: '1',
pageSize: '10',
pages: '1',
total: informationTableList.length,
code: '',
message: '',
data: informationTableList,
};
return { ...response };
},
columns: informationColumns,
formConfig: {
labelWidth: 10,
schemas: searchEditFormSchema,
autoSubmitOnEnter: true,
showActionButtonGroup: false,
},
showTableSetting: false,
showIndexColumn: false,
bordered: true,
handleSearchInfoFn(info) {
return info;
},
});
function goBack() {
router.back();
}
onMounted(() => {});
</script>
<template>
文件
</template>
<style lang="scss" scoped>
.content-padding {
width: 1440px;
margin: 0 auto;
background-color: white;
}
.modal_top {
padding: 0 0 20px 0;
display: flex;
align-items: center;
.title {
font-size: 16px;
font-weight: 500;
}
.path {
font-size: 14px;
color: gray;
}
<style scoped lang="less">
.buttonGroup {
margin-left: auto;
display: flex;
gap: 5px;
align-items: center;
}
}
</style>
src/views/AAAFont/tradingMarket/index.vue
View file @ dbfa4bd1
......@@ -32,19 +32,7 @@
</div>
</div>
</div>
<!-- <div v-if="tabChildren" class="right-tab">-->
<!-- <div-->
<!-- v-show="tabChildren"-->
<!-- v-for="(tab, index) in tabChildren"-->
<!-- :key="tab"-->
<!-- :class="{ active: tabChildrenSelect === index }"-->
<!-- @click="tabChildrenSelect = index"-->
<!-- >-->
<!-- <div class="tab">-->
<!-- {{ tab.name }}-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
</div>
</div>
<div class="type1">
......@@ -71,241 +59,153 @@
</div>
</div>
<div class="tab-pane">
<el-tabs v-model="activeName2" @tab-click="handleClick">
<div class="custom-table">
<el-tab-pane name="first">
<template #label>
<span class="mb-4 tab-label">数据集</span>
</template>
<el-row class="mt-5 w-365" :gutter="20">
<el-col
@click="handleDetail(0)"
class="mb-4"
:span="6"
v-for="card in cardsData"
:key="card.title"
>
<el-card class="card-box">
<template #header>
<div style="display: flex; justify-content: space-between">
<div style="display: flex; align-items: center">
<Icon
icon="ant-design:exception-outlined"
:color="'#9d00ae'"
:size="26"
/>
<span class="ml-4" style="font-size: 20px; font-weight: 550">{{
card.title
}}</span>
</div>
<el-tag type="danger">{{ card.tag }}</el-tag>
</div>
</template>
<div class="card-row">
<div class="card-right">
<!-- <p>{{card.applicant}}</p>-->
<!-- <p>{{card.dataSource}}</p>-->
<!-- <p>{{card.applicationScenarios}}</p>-->
<p>{{ card.illustrate }}</p>
<div class="tab-pane">
<el-tabs v-model="activeName" @tab-click="handleClick">
<div class="custom-table">
<el-tab-pane name="first">
<el-row class="mt-5 w-365" :gutter="20">
<el-col @click="handleDetail(0)" class="mb-4" :span="6" v-for="card in cardsData" :key="card.title">
<el-card class="card-box">
<template #header>
<div style="display: flex; justify-content: space-between">
<div style="display: flex; align-items: center">
<Icon icon="ant-design:exception-outlined" :color="'#9d00ae'" :size="26" />
<span class="ml-4" style="font-size: 20px; font-weight: 550"
>{{card.title}}</span>
</div>
<el-tag type="danger">{{card.tag}}</el-tag>
</div>
<div class="card_bottom">
<span style="color: #ec7520; font-size: 24px">面议</span>
<el-button style="padding: 0; border: none; box-shadow: none" round>
<Icon icon="icon-park-outline:eyes" />&nbsp;&nbsp;{{ card.look }}
</el-button>
</template>
<div class="card-row">
<div class="card-right">
<!-- <p>{{card.applicant}}</p>-->
<!-- <p>{{card.dataSource}}</p>-->
<!-- <p>{{card.applicationScenarios}}</p>-->
<p>{{card.illustrate}}</p>
</div>
</el-card>
</el-col>
</el-row>
</el-tab-pane>
<el-tab-pane name="second">
<template #label>
<span class="mb-4 tab-label">文件</span>
</template>
<el-row class="mt-5 w-365" :gutter="20">
<el-col
@click="handleDetail(1)"
class="mb-4"
:span="6"
v-for="card in cardsData1"
:key="card.title"
>
<el-card class="card-box">
<template #header>
<div style="display: flex; justify-content: space-between">
<div style="display: flex; align-items: center">
<Icon
icon="ant-design:exception-outlined"
:color="'#9d00ae'"
:size="26"
/>
<span class="ml-4" style="font-size: 20px; font-weight: 550">{{
card.title
}}</span>
</div>
<el-tag type="danger">{{ card.tag }}</el-tag>
</div>
</template>
<div class="card-row">
<div class="card-right">
<!-- <p>{{card.applicant}}</p>-->
<!-- <p>{{card.dataSource}}</p>-->
<!-- <p>{{card.applicationScenarios}}</p>-->
<p>{{ card.illustrate }}</p>
</div>
<div class="card_bottom">
<span style="color: #ec7520;font-size: 24px">面议</span>
<el-button
style="padding: 0; border: none; box-shadow: none"
round>
<Icon icon="icon-park-outline:eyes" />&nbsp;&nbsp;{{card.look}}
</el-button>
</div>
</el-card>
</el-col>
</el-row>
</el-tab-pane>
<el-tab-pane name="second">
<el-row class="mt-5 w-365" :gutter="20">
<el-col @click="handleDetail(1)" class="mb-4" :span="6" v-for="card in cardsData1" :key="card.title">
<el-card class="card-box">
<template #header>
<div style="display: flex; justify-content: space-between">
<div style="display: flex; align-items: center">
<Icon icon="ant-design:exception-outlined" :color="'#9d00ae'" :size="26" />
<span class="ml-4" style="font-size: 20px; font-weight: 550"
>{{card.title}}</span>
</div>
<el-tag type="danger">{{card.tag}}</el-tag>
</div>
<div class="card_bottom">
<span style="color: #ec7520; font-size: 24px">面议</span>
<el-button style="padding: 0; border: none; box-shadow: none" round>
<Icon icon="icon-park-outline:eyes" />&nbsp;&nbsp;{{ card.look }}
</el-button>
</template>
<div class="card-row">
<div class="card-right">
<!-- <p>{{card.applicant}}</p>-->
<!-- <p>{{card.dataSource}}</p>-->
<!-- <p>{{card.applicationScenarios}}</p>-->
<p>{{card.illustrate}}</p>
</div>
</el-card>
</el-col>
</el-row>
</el-tab-pane>
<el-tab-pane name="third">
<template #label>
<span class="mb-4 tab-label">API</span>
</template>
<el-row class="mt-5 w-365" :gutter="20">
<el-col
@click="handleDetail(2)"
class="mb-4"
:span="6"
v-for="card in cardsData2"
:key="card.title"
>
<el-card class="card-box">
<template #header>
<div style="display: flex; justify-content: space-between">
<div style="display: flex; align-items: center">
<Icon
icon="ant-design:exception-outlined"
:color="'#9d00ae'"
:size="26"
/>
<span class="ml-4" style="font-size: 20px; font-weight: 550">{{
card.title
}}</span>
</div>
<el-tag type="danger">{{ card.tag }}</el-tag>
</div>
</template>
<div class="card-row">
<div class="card-right">
<!-- <p>{{card.applicant}}</p>-->
<!-- <p>{{card.dataSource}}</p>-->
<!-- <p>{{card.applicationScenarios}}</p>-->
<p>{{ card.illustrate }}</p>
</div>
<div class="card_bottom">
<span style="color: #ec7520;font-size: 24px">面议</span>
<el-button
style="padding: 0; border: none; box-shadow: none"
round>
<Icon icon="icon-park-outline:eyes" />&nbsp;&nbsp;{{card.look}}
</el-button>
</div>
</el-card>
</el-col>
</el-row>
</el-tab-pane>
<el-tab-pane name="third">
<el-row class="mt-5 w-365" :gutter="20">
<el-col @click="handleDetail(2)" class="mb-4" :span="6" v-for="card in cardsData2" :key="card.title">
<el-card class="card-box">
<template #header>
<div style="display: flex; justify-content: space-between">
<div style="display: flex; align-items: center">
<Icon icon="ant-design:exception-outlined" :color="'#9d00ae'" :size="26" />
<span class="ml-4" style="font-size: 20px; font-weight: 550"
>{{card.title}}</span>
</div>
<el-tag type="danger">{{card.tag}}</el-tag>
</div>
<div class="card_bottom">
<span style="color: #ec7520; font-size: 24px">面议</span>
<el-button style="padding: 0; border: none; box-shadow: none" round>
<Icon icon="icon-park-outline:eyes" />&nbsp;&nbsp;{{ card.look }}
</el-button>
</div>
</el-card>
</el-col>
</el-row>
<el-table
class="mt-5"
:fits="true"
:row-style="{ height: '60px' }"
:header-cell-style="{ background: '#E4ECFA', color: '#3F3F3F', height: '60px' }"
:data="tableData"
style="width: 1440px; font-size: 18px"
>
<el-table-column prop="address" width="500" label="API产权名称">
<template #header="scope">
<span class="table-span-label">{{ scope.column.label }}</span>
</template>
<template #default="scope">
<span class="table-span">{{ scope.row.address }}</span>
</template>
</el-table-column>
<el-table-column prop="name" width="350" label="申请人"> </el-table-column>
<el-table-column prop="applicationDate" label="申请日期"> </el-table-column>
<el-table-column prop="upDate" label="更新日期"> </el-table-column>
</el-table>
</el-tab-pane>
<el-tab-pane name="fourth">
<template #label>
<span class="mb-4 tab-label">登记服务</span>
</template>
<el-row class="mt-5 w-365" :gutter="20">
<el-col
@click="handleDetail(2)"
class="mb-4"
:span="6"
v-for="card in cardsData3"
:key="card.title"
>
<el-card class="card-box">
<template #header>
<div style="display: flex; justify-content: space-between">
<div style="display: flex; align-items: center">
<Icon
icon="ant-design:exception-outlined"
:color="'#9d00ae'"
:size="26"
/>
<span class="ml-4" style="font-size: 20px; font-weight: 550">{{
card.title
}}</span>
</div>
<el-tag type="danger">{{ card.tag }}</el-tag>
</div>
</template>
<div class="card-row">
<div class="card-right">
<!-- <p>{{card.applicant}}</p>-->
<!-- <p>{{card.dataSource}}</p>-->
<!-- <p>{{card.applicationScenarios}}</p>-->
<p>{{ card.illustrate }}</p>
</div>
<div class="card-row">
<div class="card-right">
<!-- <p>{{card.applicant}}</p>-->
<!-- <p>{{card.dataSource}}</p>-->
<!-- <p>{{card.applicationScenarios}}</p>-->
<p>{{card.illustrate}}</p>
</div>
<div class="card_bottom">
<span style="color: #ec7520; font-size: 24px">面议</span>
<el-button style="padding: 0; border: none; box-shadow: none" round>
<Icon icon="icon-park-outline:eyes" />&nbsp;&nbsp;{{ card.look }}
</el-button>
</div>
<div class="card_bottom">
<span style="color: #ec7520;font-size: 24px">面议</span>
<el-button
style="padding: 0; border: none; box-shadow: none"
round>
<Icon icon="icon-park-outline:eyes" />&nbsp;&nbsp;{{card.look}}
</el-button>
</div>
</el-card>
</el-col>
</el-row>
</el-tab-pane>
<el-tab-pane name="fourth">
<el-row class="mt-5 w-365" :gutter="20">
<el-col @click="handleDetail(2)" class="mb-4" :span="6" v-for="card in [...cardsData, ...cardsData1, ...cardsData2]" :key="card.title">
<el-card class="card-box">
<template #header>
<div style="display: flex; justify-content: space-between">
<div style="display: flex; align-items: center">
<Icon icon="ant-design:exception-outlined" :color="'#9d00ae'" :size="26" />
<span class="ml-4" style="font-size: 20px; font-weight: 550"
>{{card.title}}</span>
</div>
<el-tag type="danger">{{card.tag}}</el-tag>
</div>
</el-card>
</el-col>
</el-row>
<el-table
class="mt-5"
:fits="true"
:row-style="{ height: '60px' }"
:header-cell-style="{ background: '#E4ECFA', color: '#3F3F3F', height: '60px' }"
:data="tableData"
style="width: 1440px; font-size: 18px"
>
<el-table-column prop="address" width="500" label="登记产品产权名称">
<template #header="scope">
<span class="table-span-label">{{ scope.column.label }}</span>
</template>
<template #default="scope">
<span class="table-span">{{ scope.row.address }}</span>
</template>
</el-table-column>
<el-table-column prop="name" width="350" label="申请人"> </el-table-column>
<el-table-column prop="applicationDate" label="申请日期"> </el-table-column>
<el-table-column prop="upDate" label="更新日期"> </el-table-column>
</el-table>
</el-tab-pane>
</div>
</el-tabs>
</div>
<div class="card-row">
<div class="card-right">
<!-- <p>{{card.applicant}}</p>-->
<!-- <p>{{card.dataSource}}</p>-->
<!-- <p>{{card.applicationScenarios}}</p>-->
<p>{{card.illustrate}}</p>
</div>
</div>
<div class="card_bottom">
<span style="color: #ec7520;font-size: 24px">面议</span>
<el-button
style="padding: 0; border: none; box-shadow: none"
round>
<Icon icon="icon-park-outline:eyes" />&nbsp;&nbsp;{{card.look}}
</el-button>
</div>
</el-card>
</el-col>
</el-row>
</el-tab-pane>
</div>
</el-tabs>
</div>
</div>
</div>
</div>
</div>
</template>
......@@ -332,9 +232,7 @@
components: { Icon },
data() {
return {
activeName: 'first',
activeName1: 'first',
activeName2: 'first',
activeName: 'fourth',
cardLogo,
industryImg,
dynamicImg,
......@@ -349,7 +247,7 @@
name: '全部',
},
{
name: '数据集',
name: '数据服务',
children: [
{
name: '全部',
......@@ -372,7 +270,7 @@
],
},
{
name: '文件',
name: '数据集',
children: [
{
name: '全部',
......@@ -417,26 +315,6 @@
},
],
},
{
name: '登记服务',
children: [
{
name: '全部',
},
{
name: '产业咨询',
},
{
name: '工业互联网',
},
{
name: '供应链管理',
},
{
name: '生产线管理',
},
],
},
],
tabMoneyList: [
{
......@@ -537,6 +415,7 @@
state: '已发布',
tag: '办公室',
},
],
cardsData1: [
{
......@@ -575,6 +454,7 @@
look: '123',
tag: '宣传中心',
},
],
cardsData2: [
{
......@@ -622,53 +502,8 @@
look: '11',
tag: '运维',
},
],
cardsData3: [
{
title: '登记服务记录',
applicant: '劳动中心',
dataSource: '关系型与非关系型数据库',
applicationScenarios: '销售宣传',
illustrate: '详细记录 API 调用的日志',
look: '43',
tag: '运维',
},
{
title: '登记服务记录',
applicant: '劳动中心',
dataSource: '关系型与非关系型数据库',
applicationScenarios: '销售宣传',
illustrate: '详细记录 API 调用的日志',
look: '53',
tag: '运维',
},
{
title: '登记服务记录',
applicant: '劳动中心',
dataSource: '关系型与非关系型数据库',
applicationScenarios: '销售宣传',
illustrate: '详细记录 API 调用的日志',
look: '12',
tag: '运维',
},
{
title: '登记服务记录',
applicant: '劳动中心',
dataSource: '关系型与非关系型数据库',
applicationScenarios: '销售宣传',
illustrate: '详细记录 API 调用的日志',
look: '141',
tag: '运维',
},
{
title: '登记服务记录',
applicant: '劳动中心',
dataSource: '关系型与非关系型数据库',
applicationScenarios: '销售宣传',
illustrate: '详细记录 API 调用的日志',
look: '121',
tag: '运维',
},
],
};
},
......@@ -681,25 +516,34 @@
this.tab = tab;
this.tabChildren = tab.children;
this.tabChildrenSelect = 0;
if (tab.name ==='数据服务'){
this.activeName = 'first';
}else if (tab.name ==='数据集'){
this.activeName = 'second';
}else if (tab.name ==='API'){
this.activeName = 'third';
}else {
this.activeName = 'fourth';
}
},
handleDetail(i) {
if (i === 0) {
handleDetail(i){
if (i === 0){
this.$router.push({
path: '/aaaFont/tradingMarket/details/dataSet',
query: '',
});
} else if (i === 1) {
})
} else if (i === 1){
this.$router.push({
path: '/aaaFont/tradingMarket/details/file',
query: '',
});
} else if (i === 2) {
})
} else if (i === 2){
this.$router.push({
path: '/aaaFont/tradingMarket/details/api',
query: '',
});
})
}
},
}
},
};
</script>
......@@ -801,9 +645,9 @@
}
}
.tab-pane {
position: relative;
margin-top: 80px;
width: 1440px;
display: flex;
}
......@@ -818,20 +662,20 @@
color: #3a5cde;
}
.card-box:hover {
.card-box:hover{
box-shadow: 3px 2px 15px rgba(0, 0, 0, 0.2);
}
.card-row {
display: flex;
justify-content: space-around;
font-size: 18px;
text-align: left;
margin-bottom: 40px;
.card-row {
display: flex;
justify-content: space-around;
font-size: 18px;
text-align: left;
margin-bottom: 40px;
p {
margin-top: 18px;
height: 20px;
}
p {
margin-top: 18px;
height: 20px;
}
.card-right {
width: 90%;
......@@ -849,8 +693,10 @@
justify-content: space-between;
align-items: center;
font-weight: 500;
}
.custom-table {
margin-bottom: 72px;
}
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment