From 18eb4308e941a265daba8eda2f2ee91115963a3c Mon Sep 17 00:00:00 2001
From: haoxuan <haoxuan>
Date: 星期四, 18 四月 2024 17:06:04 +0800
Subject: [PATCH] 1
---
src/views/dashboard/components/PersonInfo.vue | 24 +++++++++++++++---------
1 files changed, 15 insertions(+), 9 deletions(-)
diff --git a/src/views/dashboard/components/PersonInfo.vue b/src/views/dashboard/components/PersonInfo.vue
index d054728..741cdc4 100644
--- a/src/views/dashboard/components/PersonInfo.vue
+++ b/src/views/dashboard/components/PersonInfo.vue
@@ -29,10 +29,12 @@
</div>
</template>
<script setup lang="ts">
-import type { UserFilled } from '@element-plus/icons-vue'
-import { computed, toRefs } from 'vue'
+import { StarFilled, UserFilled } from '@element-plus/icons-vue'
+import { toRefs } from 'vue'
+import type { Worker } from '@/api/task'
+
export interface PersonInfoProps {
- person: person
+ person: Worker
}
const props = defineProps<PersonInfoProps>()
@@ -54,26 +56,30 @@
width: 100%;
height: 60px;
line-height: 60px;
- margin-bottom: 10px;
+ margin-top: 10px;
border-radius: 10px;
background: $status-default;
color: #fff;
+ overflow: hidden;
.person-l {
+ width: 80px;
+ height: 40px;
+ line-height: 40px;
+ padding: 10px 0px;
+ text-align: center;
float: left;
- margin-right: 10px;
font-size: 40px;
}
.person-r {
+ width: calc(100% - 80px);
font-size: 20px;
font-weight: 600;
- margin-right: 10px;
- // background: pink;
- padding-top: 10px;
-
+ float: left;
span {
color: $status-star;
+ margin-left: 10px;
}
}
}
--
Gitblit v1.8.0