style(我的BDLeader团队页面): 样式调整
This commit is contained in:
parent
f10d728c95
commit
4fee3254eb
@ -259,17 +259,19 @@
|
||||
<div style="font-size: 0.7em; font-weight: 600">BD:5</div>
|
||||
<div style="font-size: 0.7em; font-weight: 600">Team Total income: $1000</div>
|
||||
</div>
|
||||
|
||||
<!-- BD列表 -->
|
||||
<div
|
||||
v-for="member in 2"
|
||||
style="
|
||||
background-color: white;
|
||||
padding: 16px;
|
||||
padding: 14px 10px;
|
||||
border-radius: 12px;
|
||||
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
gap: 4px;
|
||||
"
|
||||
>
|
||||
<!-- 头像 -->
|
||||
@ -295,7 +297,19 @@
|
||||
@error="defaultAvatarUrl"
|
||||
/>
|
||||
</div>
|
||||
<div style="width: calc(60% - 62px); display: flex; flex-direction: column; gap: 4px">
|
||||
|
||||
<!-- 基本信息 -->
|
||||
<div
|
||||
style="
|
||||
flex: 1;
|
||||
min-width: 0;
|
||||
align-self: stretch;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: space-around;
|
||||
gap: 4px;
|
||||
"
|
||||
>
|
||||
<div
|
||||
style="
|
||||
font-weight: 700;
|
||||
@ -311,9 +325,13 @@
|
||||
ID:1234567890
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 收入信息 -->
|
||||
<div
|
||||
style="
|
||||
width: 40%;
|
||||
width: auto;
|
||||
min-width: 0;
|
||||
align-self: stretch;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: space-around;
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user