Skip to content

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

首页

parent 842432ed
Hide whitespace changes
Inline Side-by-side
Showing with 48 additions and 48 deletions
src/views/AAAFont/front/index.vue
View file @ dfa740a7
...@@ -24,14 +24,16 @@ ...@@ -24,14 +24,16 @@
<el-row class="mt-5" :gutter="20"> <el-row class="mt-5" :gutter="20">
<el-col :span="8"> <el-col :span="8">
<el-card> <el-card>
<div slot="header"> <template #header>
<div style="display: flex; align-items: center"> <div>
<img :src="cardLogo" /> <div style="display: flex; align-items: center">
<span class="ml-4" style="font-size: 20px; font-weight: 550" <img :src="cardLogo" />
>阀类需求弹性分析数据</span <span class="ml-4" style="font-size: 20px; font-weight: 550"
> >阀类需求弹性分析数据</span
>
</div>
</div> </div>
</div> </template>
<div class="card-row"> <div class="card-row">
<div class="card-left"> <div class="card-left">
<p>申请人</p> <p>申请人</p>
...@@ -58,14 +60,16 @@ ...@@ -58,14 +60,16 @@
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
<el-card> <el-card>
<div slot="header"> <template #header>
<div style="display: flex; align-items: center"> <div>
<img :src="cardLogo" /> <div style="display: flex; align-items: center">
<span class="ml-4" style="font-size: 20px; font-weight: 550" <img :src="cardLogo" />
>大学食堂销量预测</span <span class="ml-4" style="font-size: 20px; font-weight: 550"
> >大学食堂销量预测</span
>
</div>
</div> </div>
</div> </template>
<div class="card-row"> <div class="card-row">
<div class="card-left"> <div class="card-left">
<p>申请人</p> <p>申请人</p>
...@@ -92,14 +96,16 @@ ...@@ -92,14 +96,16 @@
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
<el-card> <el-card>
<div slot="header"> <template #header>
<div style="display: flex; align-items: center"> <div>
<img :src="cardLogo" /> <div style="display: flex; align-items: center">
<span class="ml-4" style="font-size: 20px; font-weight: 550" <img :src="cardLogo" />
>销售量对价格变化的反应研究</span <span class="ml-4" style="font-size: 20px; font-weight: 550"
> >销售量对价格变化的反应研究</span
>
</div>
</div> </div>
</div> </template>
<div class="card-row"> <div class="card-row">
<div class="card-left"> <div class="card-left">
<p>申请人</p> <p>申请人</p>
...@@ -129,7 +135,7 @@ ...@@ -129,7 +135,7 @@
</el-tabs> </el-tabs>
<el-button-group> <el-button-group>
<el-button plain class="back-button" type="text"> <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>
</el-button-group> </el-button-group>
</div> </div>
...@@ -283,9 +289,9 @@ ...@@ -283,9 +289,9 @@
<span class="table-span">{{ scope.row.address }}</span> <span class="table-span">{{ scope.row.address }}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column prop="name" width="350" label="申请人"> </el-table-column> <el-table-column prop="name" width="350" label="申请人" />
<el-table-column prop="applicationDate" label="申请日期"> </el-table-column> <el-table-column prop="applicationDate" label="申请日期" />
<el-table-column prop="upDate" label="更新日期"> </el-table-column> <el-table-column prop="upDate" label="更新日期" />
</el-table> </el-table>
</el-tab-pane> </el-tab-pane>
<el-tab-pane name="second"> <el-tab-pane name="second">
...@@ -308,9 +314,9 @@ ...@@ -308,9 +314,9 @@
<span class="table-span">{{ scope.row.address }}</span> <span class="table-span">{{ scope.row.address }}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column prop="name" width="350" label="申请人"> </el-table-column> <el-table-column prop="name" width="350" label="申请人" />
<el-table-column prop="applicationDate" label="申请日期"> </el-table-column> <el-table-column prop="applicationDate" label="申请日期" />
<el-table-column prop="upDate" label="更新日期"> </el-table-column> <el-table-column prop="upDate" label="更新日期" />
</el-table> </el-table>
</el-tab-pane> </el-tab-pane>
<el-tab-pane name="third"> <el-tab-pane name="third">
...@@ -333,9 +339,9 @@ ...@@ -333,9 +339,9 @@
<span class="table-span">{{ scope.row.address }}</span> <span class="table-span">{{ scope.row.address }}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column prop="name" width="350" label="申请人"> </el-table-column> <el-table-column prop="name" width="350" label="申请人" />
<el-table-column prop="applicationDate" label="申请日期"> </el-table-column> <el-table-column prop="applicationDate" label="申请日期" />
<el-table-column prop="upDate" label="更新日期"> </el-table-column> <el-table-column prop="upDate" label="更新日期" />
</el-table> </el-table>
</el-tab-pane> </el-tab-pane>
<el-tab-pane name="fourth"> <el-tab-pane name="fourth">
...@@ -358,37 +364,33 @@ ...@@ -358,37 +364,33 @@
<span class="table-span">{{ scope.row.address }}</span> <span class="table-span">{{ scope.row.address }}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column prop="name" width="350" label="申请人"> </el-table-column> <el-table-column prop="name" width="350" label="申请人" />
<el-table-column prop="applicationDate" label="申请日期"> </el-table-column> <el-table-column prop="applicationDate" label="申请日期" />
<el-table-column prop="upDate" label="更新日期"> </el-table-column> <el-table-column prop="upDate" label="更新日期" />
</el-table> </el-table>
</el-tab-pane> </el-tab-pane>
</div> </div>
</el-tabs> </el-tabs>
<el-button-group> <el-button-group>
<el-button plain class="back-button" type="text"> <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>
</el-button-group> </el-button-group>
</div> </div>
</div> </div>
<div class="row-footer"> <div class="row-footer">
<div class="footer-title"> <div class="footer-title">
<span>大数据服务平台上线啦~</span> <span>大数据服务平台上线啦~</span>
</div> </div>
<el-button plain class="footer-button" type="text" @click="toBackstage()"> <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> </el-button>
</div> </div>
</div> </div>
</div> </div>
</template> </template>
<script> <script>
import Icon from '@/components/Icon/Icon.vue'; import Icon from '@/components/Icon/Icon.vue';
import { getToken } from '@/utils/auth'; import { getToken } from '@/utils/auth';
...@@ -630,30 +632,28 @@ ...@@ -630,30 +632,28 @@
margin-left: 80px; margin-left: 80px;
} }
.row-footer{ .row-footer {
height: 242px; height: 242px;
opacity: 0.8; opacity: 0.8;
background-color: #1962E2; background-color: #1962e2;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
justify-content: space-evenly; justify-content: space-evenly;
.footer-title{ .footer-title {
height: 48px; height: 48px;
color: #ffffff; color: #ffffff;
font-size: 32px; font-size: 32px;
font-weight: 500; font-weight: 500;
} }
.footer-button{ .footer-button {
width: 160px; width: 160px;
height: 51px; height: 51px;
font-size: 18px; font-size: 18px;
background-color: #FFFFFF; background-color: #ffffff;
color: #1962E2; color: #1962e2;
} }
} }
</style> </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