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', path: '/bd-center',
name: 'bd-center', name: 'bd-center',
component: () => import('../views/BDCenterView.vue'), component: () => import('../views/BDCenter/index.vue'),
meta: { requiresAuth: true }, meta: { requiresAuth: true },
}, },
{ {

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

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

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

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