修改:调整部分页面样式问题;

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

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">

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);

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;
}
}