fix: project list style problem

master
chenghx 6 years ago
parent fef089a8b5
commit f4c69f5be5
  1. 14
      src/components/dashboard/WorkPlace.vue

@ -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,6 +185,7 @@ export default {
margin-bottom: 12px; margin-bottom: 12px;
} }
} }
.project-list {
.card-title { .card-title {
font-size: 0; font-size: 0;
a { a {
@ -221,6 +222,15 @@ export default {
float: right; float: right;
} }
} }
:global {
.ant-card-meta-description {
color: rgba(0, 0, 0, 0.45);
height: 44px;
line-height: 22px;
overflow: hidden;
}
}
}
.item-group{ .item-group{
padding: 20px 0 8px 24px; padding: 20px 0 8px 24px;
font-size: 0; font-size: 0;

Loading…
Cancel
Save