offerpai/offerpai_web
7
0
Fork 0
Code Issues Actions Packages Projects Releases Wiki Activity

样式小bug修改-01

Browse Source
This commit is contained in:
xuxin
2026-07-10 11:38:56 +08:00
parent 4be35ced80
commit e8e2e09e62
16 changed files with 46 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/assets/styles/components/side-nav.scss
+1 -1
View File
@@ -3,7 +3,7 @@
.side-nav {
display: flex;
flex-direction: column;
width: 2rem;
width: 2.2rem;
height: var(--app-height, 100vh);
background: $bg-white;
color: #fff;
src/assets/styles/pages/agent.scss
+1 -1
View File
@@ -8,7 +8,7 @@
font-size: 0.14rem;
// 主内容区域（左侧导航栏右边的部分）
&__content {
margin-left: 2rem;
margin-left: 2.2rem;
flex: 1;
overflow-y: auto;
height: var(--app-height, 100vh);
src/assets/styles/pages/agent.scss.bak
+1 -1
View File
@@ -7,7 +7,7 @@
// 主内容区域
&__content {
margin-left: 2rem;
margin-left: 2.2rem;
flex: 1;
padding: 0.4rem 0.6rem;
}
src/assets/styles/pages/job-detail.scss
+1 -1
View File
@@ -3,7 +3,7 @@
// ==================== 岗位详情页 ====================
.job-detail {
&__content {
margin-left: 2rem;
margin-left: 2.2rem;
margin-right: var(--chat-width, 3.6rem);
flex: 1;
height: var(--app-height, 100vh);
src/assets/styles/pages/jobs.scss
+1 -1
View File
@@ -6,7 +6,7 @@
display: flex;
&__content {
margin-left: 2rem;
margin-left: 2.2rem;
margin-right: var(--chat-width, 3.6rem);
flex: 1;
padding-bottom: 0.18rem;
src/assets/styles/pages/login.scss
+6 -6
View File
@@ -401,12 +401,12 @@
.login-view__otp-box--active {
background: #F3FFFD;
border: 2px solid #12C7BE;
border: 2px solid $accent;
}
.login-view__otp-box--filled {
background: #F3FFFD;
border: 2px solid #12C7BE;
border: 2px solid $accent;
}
.login-view__otp-digit {
@@ -421,7 +421,7 @@
display: inline-block;
width: 2px;
height: 0.28rem;
background: #12C7BE;
background: $accent;
border-radius: 1px;
animation: login-otp-blink 1s ease-in-out infinite;
}
@@ -451,7 +451,7 @@
.login-view__status-btn {
width: 100%;
height: 0.4rem;
background: linear-gradient(90deg, #12C7BE 0%, #06B6D4 100%);
background: linear-gradient(90deg, $btn-dark 0%, $btn-dark-hover 100%);
border-radius: 0.12rem;
border: none;
font-weight: 600;
@@ -565,7 +565,7 @@
transition: border-color 0.2s;
&:hover {
border-color: #12C7BE;
border-color: $accent;
}
}
@@ -593,7 +593,7 @@
.login-view__upload-btn {
height: 0.4rem;
line-height: 0.4rem;
background: linear-gradient(90deg, #12C7BE 0%, #06B6D4 100%);
background: linear-gradient(90deg, $btn-dark 0%, $btn-dark-hover 100%);
border: none;
border-radius: 0.08rem;
font-size: 0.16rem;
src/assets/styles/pages/mentor-detail.scss
+1 -1
View File
@@ -14,7 +14,7 @@
flex: 1;
height: 100%;
overflow: hidden;
margin-left: 2rem;
margin-left: 2.2rem;
display: flex;
}
src/assets/styles/pages/mentor.scss
+1 -1
View File
@@ -14,7 +14,7 @@
flex: 1;
height: 100%;
overflow: hidden;
margin-left: 2rem;
margin-left: 2.2rem;
}
// 左侧主内容区
src/assets/styles/pages/profile.scss
+1 -1
View File
@@ -3,7 +3,7 @@
// ==================== 个人资料页 ====================
.profile-page {
&__content {
margin-left: 2rem;
margin-left: 2.2rem;
flex: 1;
padding-bottom: 0.12rem;
height: var(--app-height, 100vh);
src/assets/styles/pages/resume-detail.scss
+2 -2
View File
@@ -3,7 +3,7 @@
// ==================== 简历详情页 ====================
.resume-detail {
&__content {
margin-left: 2rem;
margin-left: 2.2rem;
flex: 1;
padding-bottom: 0.24rem;
height: var(--app-height, 100vh);
@@ -444,7 +444,7 @@
bottom: 0.02rem;
width: 100%;
height: 0.06rem;
background: #12C7BE;
background: $accent;
border-radius: 0.02rem;
z-index: -1;
}
src/assets/styles/pages/resume.scss
+1 -1
View File
@@ -3,7 +3,7 @@
// ==================== 简历列表页 ====================
.resume-page {
&__content {
margin-left: 2rem;
margin-left: 2.2rem;
flex: 1;
height: var(--app-height, 100vh);
box-sizing: border-box;
src/components/MentorAsidePanel.vue
+1 -1
View File
@@ -164,7 +164,7 @@
<!-- 底部按钮 + 提示文字 -->
<div class="mentor-aside-panel__footer">
<button class="mentor-aside-panel__cta-btn" @click="openQrDialog">立即咨询导师</button>
<button class="mentor-aside-panel__cta-btn" @click="openQrDialog">继续咨询</button>
<div class="mentor-aside-panel__footer-tip">对话内容根据导师服务类型与行业背景动态生成</div>
</div>
</template>
src/components/SideNav.vue
+12 -3
View File
@@ -36,7 +36,7 @@
<!-- 底部菜单 -->
<div class="side-nav__footer">
<!-- 邀请会员卡片 -->
<div class="side-nav__referral-card">
<div class="side-nav__referral-card cursor-po" @click="showShareDialog = true">
<!-- 顶部标题区域 -->
<div class="side-nav__referral-title">邀请好友送 7 天会员</div>
<div class="side-nav__referral-subtitle">好友加入后自动到账</div>
@@ -56,7 +56,7 @@
<!-- 分隔线 -->
<div class="side-nav__referral-divider"></div>
<!-- 去邀请按钮 -->
<div class="side-nav__referral-action" @click="showShareDialog = true">去邀请</div>
<div class="side-nav__referral-action">去邀请</div>
</div>
</div>
@@ -71,7 +71,7 @@
<div class="side-nav__account-popup-member-type" :class="accountMemberColorClass">{{ memberTagText }}</div>
<div v-if="memberExpireText" class="side-nav__account-popup-expire">{{ memberExpireText }}</div>
</div>
<div class="side-nav__account-popup-detail" @click="handleAccountDetail">详情></div>
<div class="side-nav__account-popup-detail" @click="handleAccountDetail">{{ accountDetailBtnText }}</div>
</div>
</div>
<!-- 设置按钮 -->
@@ -632,6 +632,15 @@ const memberTagText = computed(() => {
return '免费用户'
})
/**
* 账户弹窗右上角按钮文字：免费用户显示"开通会员"，付费用户显示"详情>"
*/
const accountDetailBtnText = computed(() => {
const status = store.state.memberStatus
if (!status || !status.isMember) return '开通会员'
return '详情>'
})
/**
* 会员标签样式 class
*/
src/views/Jobs.vue
+13 -6
View File
@@ -143,8 +143,8 @@
</button>
<!-- 收藏页关闭按钮 -->
<button v-if="activeTab === 'collected'" class="jobs-page__job-remove" aria-label="取消收藏" @click.stop="removeFavoriteFromList(job, index)">
<svg viewBox="0 0 16 16" fill="none" class="jobs-page__remove-svg">
<path d="M4 4l8 8M12 4l-8 8" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/>
<svg viewBox="0 0 16 16" fill="#E85635" class="jobs-page__favorite-svg">
<path d="M8 13.7l-1.1-1C3.6 9.8 1.5 7.9 1.5 5.7 1.5 3.9 2.9 2.5 4.7 2.5c1 0 2 .5 2.6 1.2h1.4c.6-.7 1.6-1.2 2.6-1.2 1.8 0 3.2 1.4 3.2 3.2 0 2.2-2.1 4.1-5.4 6.9L8 13.7z" stroke="#E85635" stroke-width="1"/>
</svg>
</button>
</div>
@@ -183,9 +183,16 @@
<!-- 公司logo + 公司名 -->
<div class="jobs-page__company-row">
<div class="jobs-page__company-logo">
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24">
<path d="M0 0h24v24H0z" fill="none" />
<path fill="currentColor" d="M18 15h-2v2h2m0-6h-2v2h2m2 6h-8v-2h2v-2h-2v-2h2v-2h-2V9h8M10 7H8V5h2m0 6H8V9h2m0 6H8v-2h2m0 6H8v-2h2M6 7H4V5h2m0 6H4V9h2m0 6H4v-2h2m0 6H4v-2h2m6-10V3H2v18h20V7z" />
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="24" height="24" rx="4" fill="#EDF9FA"/>
<g clip-path="url(#clip0_294_2925)">
<path d="M5.99998 16.6667H6.66665V8.24001C6.66667 8.0301 6.73274 7.82552 6.8555 7.65526C6.97827 7.48499 7.15149 7.35767 7.35065 7.29134L12.684 5.51401C12.8343 5.46395 12.9943 5.45031 13.1509 5.47423C13.3076 5.49815 13.4562 5.55893 13.5848 5.65157C13.7133 5.74421 13.8179 5.86606 13.8901 6.00708C13.9623 6.1481 14 6.30425 14 6.46268V16.6667H14.6666V10.66C14.6667 10.6107 14.6776 10.562 14.6987 10.5175C14.7199 10.4729 14.7506 10.4336 14.7887 10.4024C14.8268 10.3711 14.8714 10.3487 14.9193 10.3368C14.9671 10.3249 15.017 10.3237 15.0653 10.3333L16.5293 10.6267C16.7559 10.672 16.9599 10.7944 17.1064 10.973C17.253 11.1517 17.3332 11.3756 17.3333 11.6067V16.6667H18C18.1768 16.6667 18.3464 16.7369 18.4714 16.8619C18.5964 16.987 18.6666 17.1565 18.6666 17.3333C18.6666 17.5102 18.5964 17.6797 18.4714 17.8047C18.3464 17.9298 18.1768 18 18 18H5.99998C5.82317 18 5.6536 17.9298 5.52858 17.8047C5.40355 17.6797 5.33331 17.5102 5.33331 17.3333C5.33331 17.1565 5.40355 16.987 5.52858 16.8619C5.6536 16.7369 5.82317 16.6667 5.99998 16.6667Z" fill="#52CAD1"/>
</g>
<defs>
<clipPath id="clip0_294_2925">
<rect width="16" height="16" fill="white" transform="translate(4 4)"/>
</clipPath>
</defs>
</svg>
</div>
<span class="jobs-page__company-name">{{ job.companyShortName || job.companyName }}</span>
@@ -425,7 +432,7 @@ const selectorDisplayStyle: Record<string, string> = {
/** 选择器触发按钮 hover 时的样式 */
const selectorHoverStyle: Record<string, string> = {
background: '#12C7BE',
background: '#52CAD1',
color: '#fff',
}
src/views/Mentor.vue
+2 -1
View File
@@ -65,6 +65,7 @@
v-for="mentor in mentorList"
:key="mentor.id"
class="mentor-page__card"
@click="goToDetail(mentor)"
>
<!-- 左侧：头像 + 基本信息 -->
<div class="mentor-page__card-left">
@@ -113,7 +114,7 @@
<!-- 查看详情按钮 -->
<button
class="mentor-page__detail-btn"
@click="goToDetail(mentor)"
><span>查看详情</span> <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M7.51612 4.07575C7.38279 3.94242 7.31879 3.78686 7.32412 3.60908C7.32945 3.43131 7.39901 3.27575 7.53278 3.14241C7.66612 3.02019 7.82167 2.95619 7.99946 2.95041C8.17723 2.94464 8.33278 3.00864 8.46612 3.14241L12.8661 7.54241C12.9328 7.60908 12.9801 7.6813 13.0081 7.75908C13.0361 7.83686 13.0497 7.92019 13.0488 8.00908C13.0479 8.09797 13.0339 8.18131 13.0068 8.25908C12.9797 8.33686 12.9326 8.40908 12.8654 8.47575L8.46545 12.8757C8.34323 12.998 8.19034 13.0591 8.00679 13.0591C7.82323 13.0591 7.66501 12.998 7.53212 12.8757C7.39879 12.7424 7.33212 12.584 7.33212 12.4004C7.33212 12.2169 7.39879 12.0586 7.53212 11.9257L10.7828 8.67575H3.33279C3.1439 8.67575 2.98546 8.61175 2.85745 8.48375C2.72945 8.35575 2.66567 8.19753 2.66612 8.00908C2.66656 7.82064 2.73056 7.6622 2.85812 7.53375C2.98568 7.40531 3.1439 7.34153 3.33279 7.34242L10.7828 7.34242L7.51612 4.07575Z" fill="currentColor"/>
</svg>
src/views/ResumeDetail.vue
+1 -1
View File
@@ -729,7 +729,7 @@ const gradeLabel = computed(() => {
/** 星星边框/线条颜色 */
const starStrokeColor = computed(() => {
if (!hasDiagnosis.value) return '#858585'
if (diagnosisReport.value.grade === 'A') return '#12C7BE'
if (diagnosisReport.value.grade === 'A') return '#52CAD1'
return '#FF8D0B'
})