hy/aslan-h5
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(bd和bdleader中心): 样式修复并调整文件位置

Browse Source
This commit is contained in:
hzj 2025-11-17 17:39:12 +08:00
parent 5fdf486193
commit 93bf44f2b2
3 changed files with 38 additions and 42 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/router/index.js
View File

@ -31,7 +31,7 @@ const router = createRouter({
{
path: '/bd-center',
name: 'bd-center',
component: () => import('../views/BDCenterView.vue'),
component: () => import('../views/BDCenter/index.vue'),
meta: { requiresAuth: true },
},
{

48
src/views/BDCenterView.vue → src/views/BDCenter/index.vue
View File

@ -36,40 +36,36 @@
</div>
<!-- 用户信息 -->
<div style="display: flex; align-items: center">
<div style="display: flex; align-items: center; gap: 4px">
<div
style="
width: 50px;
height: 50px;
border-radius: 25px;
background-color: #8b5cf6;
width: 40px;
height: 40px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
color: white;
font-size: 20px;
font-weight: 600;
margin-right: 12px;
overflow: hidden;
position: relative;
"
>
<img
v-if="userInfo.userAvatar"
v-if="userInfo.userAvatar || ''"
style="width: 100%; height: 100%; object-fit: cover; border-radius: 25px"
:src="userInfo.userAvatar"
:alt="userInfo.name"
@error="handleImageError"
@error="defaultAvatarUrl"
/>
<span v-else style="color: white; font-size: 20px; font-weight: 600">{{
getAvatarPlaceholder()
}}</span>
</div>
<div style="flex: 1">
<h3 style="margin: 0 0 4px 0; font-weight: 600; color: #333">
<div style="flex: 1; min-width: 0">
<h3
style="
margin: 0 0 4px 0;
font-weight: 600;
color: #333;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
"
>
{{ userInfo.userNickname || userInfo.name }}
</h3>
<p style="margin: 0; font-size: 0.9em; color: #666">
@ -77,7 +73,7 @@
</p>
</div>
<div style="display: flex; align-items: center" @click="gotoPolicy">
<img src="../assets/icon/info.png" alt="" style="display: block; width: 20px" />
<img src="../../assets/icon/info.png" alt="" style="display: block; width: 20px" />
</div>
</div>
@ -95,7 +91,7 @@
{{ t('available_salaries') }} ${{ salaryInfo.currentSalary }}
</span>
<img
src="../assets/icon/arrow.png"
src="../../assets/icon/arrow.png"
alt=""
style="display: block; width: 20px"
class="flipImg"
@ -124,7 +120,7 @@
<div style="display: flex; justify-content: space-between; align-items: center">
<span style="font-weight: 600; color: #1f2937"> {{ t('invite_become_agent') }}</span>
<img
src="../assets/icon/arrow.png"
src="../../assets/icon/arrow.png"
alt=""
style="display: block; width: 20px"
class="flipImg"
@ -153,7 +149,7 @@
<div style="display: flex; justify-content: space-between; align-items: center">
<div style="font-weight: 600">{{ BDData.billTitle }}</div>
<img
src="../assets/icon/records.png"
src="../../assets/icon/records.png"
alt=""
style="display: block; width: 1.3em"
@click="showHistory = true"
@ -588,7 +584,7 @@ onMounted(() => {
overflow-y: auto;
font-family: -apple-system, BlinkMacSystemFont, sans-serif;
background-color: #ffffff;
background-image: url(../assets/images/secondBg.png);
background-image: url(../../assets/images/secondBg.png);
}
.bd-center::-webkit-scrollbar {

30
src/views/BDLeaderCenter/index.vue
View File

@ -35,37 +35,37 @@
<span>{{ t('loading') }}...</span>
</div>
<div style="display: flex; align-items: center">
<!-- 用户信息 -->
<div style="display: flex; align-items: center; gap: 4px">
<div
style="
width: 40px;
height: 40px;
border-radius: 50%;
background-color: #8b5cf6;
display: flex;
align-items: center;
justify-content: center;
color: white;
font-size: 20px;
font-weight: 600;
margin-right: 12px;
overflow: hidden;
position: relative;
"
>
<img
v-if="userInfo.userAvatar"
v-if="userInfo.userAvatar || ''"
style="width: 100%; height: 100%; object-fit: cover; border-radius: 25px"
:src="userInfo.userAvatar"
:alt="userInfo.name"
@error="handleImageError"
@error="defaultAvatarUrl"
/>
<span v-else style="color: white; font-size: 20px; font-weight: 600">{{
getAvatarPlaceholder()
}}</span>
</div>
<div style="flex: 1">
<h3 style="margin: 0 0 4px 0; font-weight: 600; color: #333">
<div style="flex: 1; min-width: 0">
<h3
style="
margin: 0 0 4px 0;
font-weight: 600;
color: #333;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
"
>
{{ userInfo.userNickname || userInfo.name }}
</h3>
<p style="margin: 0; font-size: 0.9em; color: #666">