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">BD:5</div>
|
||||||
<div style="font-size: 0.7em; font-weight: 600">Team Total income: $1000</div>
|
<div style="font-size: 0.7em; font-weight: 600">Team Total income: $1000</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- BD列表 -->
|
<!-- BD列表 -->
|
||||||
<div
|
<div
|
||||||
v-for="member in 2"
|
v-for="member in 2"
|
||||||
style="
|
style="
|
||||||
background-color: white;
|
background-color: white;
|
||||||
padding: 16px;
|
padding: 14px 10px;
|
||||||
border-radius: 12px;
|
border-radius: 12px;
|
||||||
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
|
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
|
gap: 4px;
|
||||||
"
|
"
|
||||||
>
|
>
|
||||||
<!-- 头像 -->
|
<!-- 头像 -->
|
||||||
@ -295,7 +297,19 @@
|
|||||||
@error="defaultAvatarUrl"
|
@error="defaultAvatarUrl"
|
||||||
/>
|
/>
|
||||||
</div>
|
</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
|
<div
|
||||||
style="
|
style="
|
||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
@ -311,9 +325,13 @@
|
|||||||
ID:1234567890
|
ID:1234567890
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<!-- 收入信息 -->
|
||||||
<div
|
<div
|
||||||
style="
|
style="
|
||||||
width: 40%;
|
width: auto;
|
||||||
|
min-width: 0;
|
||||||
|
align-self: stretch;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
justify-content: space-around;
|
justify-content: space-around;
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user