caoliancun/vue-antd-admin-skeleton
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

修复: 修改不分页面布局问题；

Browse Source
This commit is contained in:
iczer
2020-06-19 17:43:11 +08:00
parent 2e9ebf7b1d
commit 5bbe94728e
12 changed files with 34 additions and 37 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
src/pages/dashboard/Analysis.vue
View File

@@ -1,7 +1,7 @@
<template>
<div>
<a-row style="margin: 0 -12px">
<a-col :sm="24" :md="12" :xl="6" style="padding: 12px 12px 24px;">
<div class="analysis">
<a-row :gutter="24">
<a-col :sm="24" :md="12" :xl="6">
<chart-card title="总销售额" total="￥ 189,345">
<a-tooltip title="指标说明" slot="action">
<a-icon type="info-circle-o" />
@@ -13,7 +13,7 @@
<div slot="footer">日均销售额<span> ￥234.56</span></div>
</chart-card>
</a-col>
<a-col :sm="24" :md="12" :xl="6" style="padding: 12px 12px 24px;">
<a-col :sm="24" :md="12" :xl="6">
<chart-card title="总销售额" total="￥ 189,345">
<a-tooltip title="指标说明" slot="action">
<a-icon type="info-circle-o" />
@@ -24,7 +24,7 @@
<div slot="footer">日访问量<span> 123,4</span></div>
</chart-card>
</a-col>
<a-col :sm="24" :md="12" :xl="6" style="padding: 12px 12px 24px;">
<a-col :sm="24" :md="12" :xl="6">
<chart-card title="总销售额" total="￥ 189,345">
<a-tooltip title="指标说明" slot="action">
<a-icon type="info-circle-o" />
@@ -35,7 +35,7 @@
<div slot="footer">转化率 <span>60%</span></div>
</chart-card>
</a-col>
<a-col :sm="24" :md="12" :xl="6" style="padding: 12px 12px 24px;">
<a-col :sm="24" :md="12" :xl="6">
<chart-card title="运营活动效果" total="73%">
<a-tooltip title="指标说明" slot="action">
<a-icon type="info-circle-o" />
@@ -50,7 +50,7 @@
</chart-card>
</a-col>
</a-row>
<a-card :bordered="false" :body-style="{padding: '24px'}">
<a-card style="margin-top: 24px" :bordered="false" :body-style="{padding: '24px'}">
<div class="salesCard">
<a-tabs default-active-key="1" size="large" :tab-bar-style="{marginBottom: '24px', paddingLeft: '16px'}">
<div class="extra-wrap" slot="tabBarExtraContent">

5
src/pages/list/search/ApplicationList.vue
View File

@@ -2,9 +2,10 @@
<div>
<search-form />
<a-list
:grid="{ gutter: 24, xl: 4, lg: 3, md: 3, sm: 2, xs: 1 }"
:grid="{gutter: 16, xl: 4, lg: 3, md: 3, sm: 2, xs: 1}"
style="margin: 0 -8px"
>
<a-list-item style="padding: 0 12px" :key="n" v-for="n in 12">
<a-list-item :key="n" v-for="n in 12" style="padding: 0 8px">
<a-card>
<a-card-meta title="Angular">
<a-avatar slot="avatar" src="https://gw.alipayobjects.com/zos/rmsportal/zOsKZmFRdUtvpqCImOVY.png" size="small" />

3
src/pages/list/search/ProjectList.vue
View File

@@ -3,8 +3,9 @@
<search-form />
<a-list
:grid='{ gutter: 24, xl: 4, lg: 3, md: 3, sm: 2, xs: 1 }'
style="margin: 0 -8px"
>
<a-list-item :key="n" v-for="n in 8" style="padding: 0 12px">
<a-list-item :key="n" v-for="n in 8" style="padding: 0 8px">
<a-card>
<img slot="cover" src="https://gw.alipayobjects.com/zos/rmsportal/iZBVOIhGJiAnhplqjvZW.png" height="154"/>
<a-card-meta title="Ant Design">