Skip to content

B
bigDataSystem
Commit dfa740a7 authored by chenjiahao's avatar chenjiahao
Browse files
Options

首页

parent 842432ed
Show whitespace changes
Inline Side-by-side
Showing with 48 additions and 48 deletions
src/views/AAAFont/front/index.vue
View file @ dfa740a7
......@@ -24,7 +24,8 @@
<el-row class="mt-5" :gutter="20">
<el-col :span="8">
<el-card>
<div slot="header">
<template #header>
<div>
<div style="display: flex; align-items: center">
<img :src="cardLogo" />
<span class="ml-4" style="font-size: 20px; font-weight: 550"
......@@ -32,6 +33,7 @@
>
</div>
</div>
</template>
<div class="card-row">
<div class="card-left">
<p>申请人</p>
......@@ -58,7 +60,8 @@
</el-col>
<el-col :span="8">
<el-card>
<div slot="header">
<template #header>
<div>
<div style="display: flex; align-items: center">
<img :src="cardLogo" />
<span class="ml-4" style="font-size: 20px; font-weight: 550"
......@@ -66,6 +69,7 @@
>
</div>
</div>
</template>
<div class="card-row">
<div class="card-left">
<p>申请人</p>
......@@ -92,7 +96,8 @@
</el-col>
<el-col :span="8">
<el-card>
<div slot="header">
<template #header>
<div>
<div style="display: flex; align-items: center">
<img :src="cardLogo" />
<span class="ml-4" style="font-size: 20px; font-weight: 550"
......@@ -100,6 +105,7 @@
>
</div>
</div>
</template>
<div class="card-row">
<div class="card-left">
<p>申请人</p>
......@@ -129,7 +135,7 @@
</el-tabs>
<el-button-group>
<el-button plain class="back-button" type="text">
查看更多&nbsp;<Icon :size="24" icon="icon-park-solid:right-c"></Icon>
查看更多&nbsp;<Icon :size="24" icon="icon-park-solid:right-c" />
</el-button>
</el-button-group>
</div>
......@@ -283,9 +289,9 @@
<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-column prop="name" width="350" label="申请人" />
<el-table-column prop="applicationDate" label="申请日期" />
<el-table-column prop="upDate" label="更新日期" />
</el-table>
</el-tab-pane>
<el-tab-pane name="second">
......@@ -308,9 +314,9 @@
<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-column prop="name" width="350" label="申请人" />
<el-table-column prop="applicationDate" label="申请日期" />
<el-table-column prop="upDate" label="更新日期" />
</el-table>
</el-tab-pane>
<el-tab-pane name="third">
......@@ -333,9 +339,9 @@
<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-column prop="name" width="350" label="申请人" />
<el-table-column prop="applicationDate" label="申请日期" />
<el-table-column prop="upDate" label="更新日期" />
</el-table>
</el-tab-pane>
<el-tab-pane name="fourth">
......@@ -358,37 +364,33 @@
<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-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>
<el-button plain class="back-button" type="text">
查看更多&nbsp;<Icon :size="24" icon="icon-park-solid:right-c"></Icon>
查看更多&nbsp;<Icon :size="24" icon="icon-park-solid:right-c" />
</el-button>
</el-button-group>
</div>
</div>
<div class="row-footer">
<div class="footer-title">
<span>大数据服务平台上线啦~</span>
</div>
<el-button plain class="footer-button" type="text" @click="toBackstage()">
立即前往<Icon class="ml-3" :size="20" icon="icon-park-solid:right-c"></Icon>
立即前往<Icon class="ml-3" :size="20" icon="icon-park-solid:right-c" />
</el-button>
</div>
</div>
</div>
</template>
<script>
import Icon from '@/components/Icon/Icon.vue';
import { getToken } from '@/utils/auth';
......@@ -630,30 +632,28 @@
margin-left: 80px;
}
.row-footer{
.row-footer {
height: 242px;
opacity: 0.8;
background-color: #1962E2;
background-color: #1962e2;
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-evenly;
.footer-title{
.footer-title {
height: 48px;
color: #ffffff;
font-size: 32px;
font-weight: 500;
}
.footer-button{
.footer-button {
width: 160px;
height: 51px;
font-size: 18px;
background-color: #FFFFFF;
color: #1962E2;
background-color: #ffffff;
color: #1962e2;
}
}
</style>
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