bonus
/
bonus-ui
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

页面完善

This commit is contained in:
BianLzhaoMin 2024-12-30 18:14:06 +08:00
parent 72cddc1d17
commit 5b64a7f3e9
1 changed files with 29 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

41
src/views/company-manage/components/company-card.vue
View File

@ -1,7 +1,11 @@
<template>
<div class="company-card">
<div class="company-info">
<div> 头像 </div>
<div>
<el-avatar
src="https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg"
/>
</div>
<div>
<div>
安徽送变电工程有限公司
@ -12,29 +16,29 @@
</div>
</div>
<div>
<div>
<div class="items-card">
<div class="items-center">
<div>用户</div>
<div>20</div>
</div>
<div>
<div>用户</div>
<div class="items-center">
<div>项目</div>
<div>20</div>
</div>
<div>
<div>用户</div>
<div class="items-center">
<div>设备</div>
<div>20</div>
</div>
</div>
<div>
<div class="items-card">
<div>
<div>详情操作</div>
<div>详情</div>
</div>
<div>
<div>详情操作</div>
<div>编辑</div>
</div>
<div>
<div>详情操作</div>
<div>注销</div>
</div>
</div>
</div>
@ -47,10 +51,23 @@ export default {}
<style lang="scss" scoped>
.company-card {
background-color: #f7f8fc;
padding: 12px 10px;
border-radius: 6px;
.company-info {
display: flex;
align-items: center;
}
.items-card {
margin-top: 16px;
display: flex;
justify-content: space-around;
.items-center {
display: flex;
flex-direction: column;
align-items: center;
}
}
}
</style>