From 2d3a8dabd059ab62865dd8de29c4c169a5349483 Mon Sep 17 00:00:00 2001 From: hzj <1304805162@qq.com> Date: Fri, 13 Mar 2026 19:16:06 +0800 Subject: [PATCH] =?UTF-8?q?feat(=E4=B8=BB=E6=92=AD=E4=B8=AD=E5=BF=83):=20?= =?UTF-8?q?=E8=B0=83=E6=95=B4=E6=A0=B7=E5=BC=8F=EF=BC=8C=E6=9B=B4=E6=96=B0?= =?UTF-8?q?=E5=9B=BE=E6=BA=90=EF=BC=8C=E6=96=B0=E5=A2=9E=E2=80=9C=E6=8F=90?= =?UTF-8?q?=E7=8E=B0=E2=80=9D=E6=8C=89=E9=92=AE?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/assets/icon/edit.png | Bin 654 -> 489 bytes src/views/HostCenter/index.vue | 315 ++++++++++++++------------------- 2 files changed, 129 insertions(+), 186 deletions(-) diff --git a/src/assets/icon/edit.png b/src/assets/icon/edit.png index a9c9f6df2e7ddae9a9de311dc3ee8ae7444db835..7973981a05d2906c0e749c1d45813b145b1fd763 100644 GIT binary patch delta 449 zcmV;y0Y3hY1?dAJiBL{Q4GJ0x0000DNk~Le0000Y0000a2nGNE0PG&<-;p6Se*g}2 zMObuGZ)S9NVRB^vMrmhlVV<#;V*mgFWJyFpRCoc!my2zKFcd{^G65ragpA;BkWLUr z=ms!CH^7-7BeWaP4Lm~C30hk*3ZmHc`#_I$g+Rg_{2pKcI!#Cy;zPdEb_g-pkti`H zfwk-=A)nyAC*rvd`4=4t2U-J~l`&5ET`mg( zh9E)dAM$K?rpQ#T4(m79fIusdsOg_7B;S)*+{~Jh}%fye+&Y4BZ&b- zZX1ah5c%s>&Pfjj+7cd0pL%I7V4~S09!!oQU(n+jOrppKba2wKEdJ?nUD7B>^iaYJ zB-jl)=a{xv@Q6L}1O*OhJFP`(S5fb{H|O#OEO>u&Zocz^atY$6;I(ieNw2*v2Ro;O r^ZJ)At|oGTF7X$Fv2&at3P=Zj9lYoc zW+DsmXOJL{&&;>55#|W4WC8Ht!CjD;WG01`lgZX(#exw^(btw}XSOVmwaJ-wc{_XG zkGy3b#N@lld+WOwlP@OUOnzOqf7#`enEbwMn-!rf3;XQm_-j3N+MStsObB)PW5+&E zPWvZjLa56(*0zH^R=zR=f?vMMr;hy(T+d2T5$f{3&OBe*`be3n143O^MRg! z{!Zl1{!v)rKl5U>k%l&Fr;WWmBLXV_Ouw@$_)DsqZF1-Pguo1uxA$>He_tDZCn&eb z+oZIwiG;x96CCtFU0w(Kn!sd?mmhltZ|1J#&o>-Y=$>+euxEU&3J>|=+?Bj$!!U#e z$?q73(7eD4%6~8KdkPUn{v&nylwtVfPehR45=Q<=1cdSO2{Xwn?&FM -
+
{{ t('my_account') }} @@ -19,40 +19,98 @@
-
+
-
+
+
- {{ getAvatarPlaceholder() }} + {{ + getAvatarPlaceholder() + }}
+ + + -
-
-
{{ t('my_salary') }}
-
-
+
{{ t('history_salary') }}
${{ historySalary.toFixed(2) }}
@@ -65,14 +123,36 @@
-
-
-
{{ t('todays_task') }}
-
-
+
{{ t('host_type') }}
{{ taskInfo.anchorType }}
@@ -90,7 +170,7 @@ -
- - +
@@ -244,10 +339,16 @@ const exchangeGoldCoins = () => { router.push('/exchange-gold-coins') } +// 前往转账 const transfer = () => { router.push('/transfer') } +// 前往提现 +const withdraw = () => { + router.push('/cash-withdraw') +} + const { appConnected, userInfo, salaryInfo, taskInfo, handleImageError, getAvatarPlaceholder } = usePageInitializationWithConfig('HOST_CENTER', { needsTeamInfo: true, @@ -274,12 +375,6 @@ onMounted(() => { background-image: url(../../assets/images/secondBg.png); } -.content { - padding: 16px; - position: relative; - z-index: 2; -} - .section-title { margin: 0 1%; margin-bottom: 12px; @@ -294,24 +389,6 @@ onMounted(() => { margin-left: 10px; } -.user-card { - background-color: white; - padding: 16px; - border-radius: 12px; - box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.25); - margin: 0 1%; - margin-bottom: 12px; - display: flex; - flex-direction: column; - justify-content: space-between; -} - -.user-header { - display: flex; - align-items: center; - margin-bottom: 12px; -} - .avatar { width: 50px; height: 50px; @@ -328,80 +405,11 @@ onMounted(() => { position: relative; } -.avatar img { - width: 100%; - height: 100%; - object-fit: cover; - border-radius: 25px; -} - -.avatar .avatar-placeholder { - color: white; - font-size: 20px; - font-weight: 600; -} - .user-info { flex: 1; min-width: 0; } -.user-name { - margin: 0 0 4px 0; - font-weight: 600; - color: #333; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - width: 100%; -} - -.user-id { - margin: 0; - font-size: 0.9em; - color: #666; -} - -.edit-btn { - width: 32px; - height: 32px; - border: none; - background: none; - font-size: 16px; -} - -.edit-icon { - width: 70%; -} - -.salary-section { - margin-bottom: 10px; -} - -.salary-header { - display: flex; - justify-content: space-between; - margin-bottom: 5px; -} - -.salary-title { - font-weight: 600; -} - -.salary-link { - font-weight: 500; - color: rgba(0, 0, 0, 0.4); - border: 0; - background-color: transparent; - cursor: pointer; -} - -.salary-grid { - display: grid; - grid-template-columns: repeat(2, 1fr); - gap: 10px; -} - .salary-item { display: flex; flex-direction: column; @@ -417,42 +425,6 @@ onMounted(() => { font-weight: 600; } -.task-card { - display: flex; - flex-direction: column; - justify-content: space-between; - gap: 5px; - background-color: white; - padding: 3%; - border-radius: 12px; - margin: 0 1%; - margin-bottom: 12px; - box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.25); -} - -.task-header { - display: flex; - justify-content: space-between; - margin-bottom: 10px; -} - -.task-title { - font-weight: 600; -} - -.policy-link { - font-weight: 500; - color: rgba(0, 0, 0, 0.4); - border: 0; - background-color: transparent; - cursor: pointer; -} - -.task-content { - display: flex; - justify-content: space-between; -} - .task-item { display: flex; flex-direction: column; @@ -469,23 +441,14 @@ onMounted(() => { font-weight: 600; } -.work-report { - margin-bottom: 10px; -} - -/* 操作按钮 */ -.action-buttons { - display: grid; - grid-template-columns: 1fr 1fr; - gap: 12px; - margin: 0 1%; -} - .action-btn { - padding: 14px 12px; + border-radius: 4px; + box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.25); + color: white; + + height: 36px; border: none; - border-radius: 12px; - font-size: 14px; + font-size: 1em; font-weight: 600; text-align: center; line-height: 1.2; @@ -498,22 +461,6 @@ onMounted(() => { transform: scale(0.98); } -.exchange-btn { - background: linear-gradient(135deg, #f1eca6 2.82%, #ffd22f 99.15%), #fff; - box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.25); - color: white; -} - -.transfer-btn { - background: linear-gradient(135deg, #a6aaf1 2.82%, #592fff 99.15%), #fff; - box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.25); - color: white; -} - -.withdraw-btn { - color: white; -} - @media screen and (max-width: 360px) { * { font-size: 10px; @@ -550,8 +497,4 @@ onMounted(() => { [dir='rtl'] .user-info { text-align: right; } - -[dir='rtl'] .action-buttons { - grid-template-columns: 1fr 1fr; -}