blackteay/vue-antd-admin
1
0
Fork 0
mirror of https://github.com/iczer/vue-antd-admin synced 2025-04-05 19:41:37 +08:00
Code Issues Projects Releases Wiki Activity

修改：调整部分页面样式问题；

Browse Source
This commit is contained in:
iczer 2020-06-21 23:53:54 +08:00
parent 54c130a1b0
commit 0a490feda3
9 changed files with 36 additions and 52 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/components/page/PageHeader.vue
View File

@ -75,7 +75,6 @@ export default {
display: flex;
.row {
display: flex;
width: 100%;
}
.avatar {
flex: 0 1 72px;
@ -89,7 +88,6 @@ export default {
}
.main{
width: 100%;
flex: 0 1 auto;
.title{
flex: auto;
font-size: 20px;
@ -104,14 +102,12 @@ export default {
margin-right: 16px;
}
.content{
/*margin-bottom: 16px;*/
flex: auto;
flex: 1;
}
.extra{
flex: 0 1 auto;
display: flex;
margin-left: 88px;
min-width: 242px;
text-align: right;
min-width: 420px;
}
.action{
margin-left: 56px;

2
src/components/setting/Setting.vue
View File

@ -32,7 +32,7 @@
<a-switch :checked="fixedHeader" slot="actions" size="small" @change="setFixedHeader" />
</a-list-item>
<a-list-item>
固定Siderbar
固定侧边栏
<a-switch :checked="fixedSider" slot="actions" size="small" @change="setFixedSider" />
</a-list-item>
</a-list>

35
src/components/tool/HeadInfo.vue
View File

@ -2,7 +2,6 @@
<div class="head-info">
<span>{{title}}</span>
<p>{{content}}</p>
<em v-if="bordered" />
</div>
</template>
@ -15,29 +14,19 @@ export default {
<style lang="less" scoped>
.head-info{
position: relative;
text-align: center;
padding: 0 32px;
span{
color: rgba(0,0,0,.45);
display: inline-block;
font-size: 14px;
line-height: 22px;
margin-bottom: 4px;
};
p{
color: rgba(0,0,0,.85);
font-size: 24px;
line-height: 32px;
margin: 0;
};
em{
background-color: #e8e8e8;
position: absolute;
height: 56px;
width: 1px;
top: 0;
right: 0;
}
width: 100%;
span{
color: rgba(0,0,0,.45);
display: inline-block;
font-size: 14px;
margin-bottom: 4px;
}
p{
color: rgba(0,0,0,.85);
font-size: 24px;
margin: 0;
}
}
</style>

2
src/layouts/HeaderlAvatar.vue
View File

@ -1,7 +1,7 @@
<template>
<a-dropdown>
<div class="header-avatar" style="cursor: pointer">
<a-avatar class="avatar" :size="30" shape="circle" :src="user.avatar"/>
<a-avatar class="avatar" size="small" shape="circle" :src="user.avatar"/>
<span class="name">{{user.name}}</span>
</div>
<a-menu :class="['avatar-menu']" slot="overlay">

2
src/layouts/PageLayout.vue
View File

@ -11,7 +11,7 @@
</template>
</div>
</div>
<slot v-if="this.$refs.extra" slot="extra" name="extra"></slot>
<slot v-if="this.$slots.extra" slot="extra" name="extra"></slot>
</page-header>
<div ref="page" :class="['page-content', layout]" >
<slot></slot>

10
src/pages/dashboard/WorkPlace.vue
View File

@ -4,11 +4,11 @@
<div class="title">{{currUser.timefix}}，{{currUser.name}}，{{currUser.welcome}}</div>
<div>{{currUser.position}}</div>
</div>
<div slot="extra">
<head-info title="项目数" content="56" :bordered="true"/>
<head-info title="团队内排名" content="8/24" :bordered="true"/>
<head-info title="项目访问" content="2,223"/>
</div>
<template slot="extra">
<head-info class="split-right" title="项目数" content="56"/>
<head-info class="split-right" title="团队内排名" content="8/24"/>
<head-info class="split-right" title="项目访问" content="2,223"/>
</template>
<div>
<a-row style="margin: 0 -12px">
<a-col style="padding: 0 12px" :xl="16" :lg="24" :md="24" :sm="24" :xs="24">

6
src/pages/detail/AdvancedDetail.vue
View File

@ -8,7 +8,7 @@
<detail-list-item term="生效日期">2018-08-07 ~ 2018-12-11</detail-list-item>
<detail-list-item term="备注">请于两个工作日内确认</detail-list-item>
</detail-list>
<a-row slot="extra">
<a-row style="text-align: right;width: 100%;" slot="extra">
<a-col :xs="24" :sm="12">
<div class="text">状态</div>
<div class="heading">待审批</div>
@ -19,7 +19,7 @@
</a-col>
</a-row>
<template slot="action">
<a-button-group style="margin-right: 4px;">
<a-button-group style="margin-right: 8px;">
<a-button>操作</a-button>
<a-button>操作</a-button>
<a-button><a-icon type="ellipsis"/></a-button>
@ -171,7 +171,7 @@ export default {
}
.heading{
color: rgba(0,0,0,.85);
font-size: 20px;
font-size: 28px;
}
.nodata{
color: rgba(0,0,0,.25);

16
src/pages/list/StandardList.vue
View File

@ -2,13 +2,13 @@
<div>
<a-card :bordered="false">
<a-row>
<a-col :sm="8" :xs="24">
<a-col :sm="8" :xs="24" class="split-right">
<head-info title="我的待办" content="8个任务" :bordered="true"/>
</a-col>
<a-col :sm="8" :xs="24">
<a-col :sm="8" :xs="24" class="split-right">
<head-info title="本周任务平均处理时间" content="32分钟" :bordered="true"/>
</a-col>
<a-col :sm="8" :xs="24">
<a-col :sm="8" :xs="24" class="split-right">
<head-info title="本周完成任务数" content="24个"/>
</a-col>
</a-row>
@ -33,7 +33,7 @@
description="那是一种内在的东西， 他们到达不了，也无法触及的"
>
<a-avatar slot="avatar" size="large" shape="square" src="https://gw.alipayobjects.com/zos/rmsportal/WdGqmHpayyMjiEhcKoVE.png"/>
<a slot="title">Alipay</a>
<a slot="title">AliPay</a>
</a-list-item-meta>
<div slot="actions">
<a>编辑</a>
@ -75,11 +75,6 @@ export default {
</script>
<style lang="less" scoped>
.ant-avatar-lg{
width: 48px;
height: 48px;
line-height: 48px;
}
.list-content-item{
color: rgba(0,0,0,.45);
display: inline-block;
@ -90,8 +85,7 @@ export default {
line-height: 20px;
}
p{
margin-top: 4px;
margin-bottom: 0;
margin: 4px 0 0;
line-height: 22px;
}
}

5
src/theme/default/style.less
View File

@ -21,3 +21,8 @@
background: @primary-3;
}
}
.split-right{
&:not(:last-child) {
border-right: 1px solid rgba(98, 98, 98, 0.2);
}
}