修改:调整部分页面样式问题;
This commit is contained in:
@@ -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">
|
||||
|
||||
@@ -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);
|
||||
|
||||
@@ -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;
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user