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

fix: project list style problem

Browse Source
This commit is contained in:
chenghx 2018-08-13 14:19:17 +08:00
parent fef089a8b5
commit f4c69f5be5
1 changed files with 42 additions and 32 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

74
src/components/dashboard/WorkPlace.vue
View File

@ -20,7 +20,7 @@
<div> <div>
<a-row style="margin: 0 -12px"> <a-row style="margin: 0 -12px">
<a-col style="padding: 0 12px" :xl="16" :lg="24" :md="24" :sm="24" :xs="24"> <a-col style="padding: 0 12px" :xl="16" :lg="24" :md="24" :sm="24" :xs="24">
<a-card :loading="loading" style="margin-bottom: 24px;" :bordered="false" title="进行中的项目" :body-style="{padding: 0}"> <a-card class="project-list" :loading="loading" style="margin-bottom: 24px;" :bordered="false" title="进行中的项目" :body-style="{padding: 0}">
<a slot="extra">全部项目</a> <a slot="extra">全部项目</a>
<div> <div>
<a-card-grid :key="i" v-for="(item, i) in projects"> <a-card-grid :key="i" v-for="(item, i) in projects">
@ -170,7 +170,7 @@ export default {
} }
</script> </script>
<style lang="less" scoped> <style lang="less">
.content { .content {
position: relative; position: relative;
top: 4px; top: 4px;
@ -185,40 +185,50 @@ export default {
margin-bottom: 12px; margin-bottom: 12px;
} }
} }
.card-title { .project-list {
font-size: 0; .card-title {
a { font-size: 0;
color: rgba(0, 0, 0, 0.85); a {
margin-left: 12px; color: rgba(0, 0, 0, 0.85);
line-height: 24px; margin-left: 12px;
height: 24px; line-height: 24px;
display: inline-block; height: 24px;
vertical-align: top; display: inline-block;
font-size: 14px; vertical-align: top;
&:hover { font-size: 14px;
color: #1890ff; &:hover {
color: #1890ff;
}
} }
} }
} .project-item {
.project-item { display: flex;
display: flex; margin-top: 8px;
margin-top: 8px; overflow: hidden;
overflow: hidden; font-size: 12px;
font-size: 12px; height: 20px;
height: 20px; line-height: 20px;
line-height: 20px; a {
a { color: rgba(0, 0, 0, 0.45);
color: rgba(0, 0, 0, 0.45); display: inline-block;
display: inline-block; flex: 1 1 0;
flex: 1 1 0; &:hover {
&:hover { color: #1890ff;
color: #1890ff; }
}
.datetime {
color: rgba(0, 0, 0, 0.25);
flex: 0 0 auto;
float: right;
} }
} }
.datetime { :global {
color: rgba(0, 0, 0, 0.25); .ant-card-meta-description {
flex: 0 0 auto; color: rgba(0, 0, 0, 0.45);
float: right; height: 44px;
line-height: 22px;
overflow: hidden;
}
} }
} }
.item-group{ .item-group{