|
@@ -134,12 +134,14 @@
|
|
<!-- <image src="../../static/images/index/company-logo-1.png" class="logo-img" mode="aspectFit"></image> -->
|
|
<!-- <image src="../../static/images/index/company-logo-1.png" class="logo-img" mode="aspectFit"></image> -->
|
|
</view>
|
|
</view>
|
|
<view class="experience-content">
|
|
<view class="experience-content">
|
|
- <view class="flex">
|
|
|
|
- <view class="job-title">资深亚马逊运营</view>
|
|
|
|
- <view class="job-department">运营部</view>
|
|
|
|
- </view>
|
|
|
|
- <view class="company-name">深圳市世迪贸易科技有限公司</view>
|
|
|
|
- <view class="work-period">2019.02-至今</view>
|
|
|
|
|
|
+ <view class="job-info-row">
|
|
|
|
+ <view class="job-title">资深亚马逊运营</view>
|
|
|
|
+ <view class="job-department">运营部</view>
|
|
|
|
+ </view>
|
|
|
|
+ <view class="company-period-row">
|
|
|
|
+ <view class="company-name">深圳市世迪贸易科技有限公司</view>
|
|
|
|
+ <view class="work-period">2019.02-至今</view>
|
|
|
|
+ </view>
|
|
<view class="job-description">
|
|
<view class="job-description">
|
|
负责Amazon英国、欧洲站、制定推广与销售计划,达成团队要求的销售业绩;做好数据的统计分析工作,收集、分析市场信息,竞争对手状况,并根据产品销售与排名变化,及时制定和调整产品的销售...
|
|
负责Amazon英国、欧洲站、制定推广与销售计划,达成团队要求的销售业绩;做好数据的统计分析工作,收集、分析市场信息,竞争对手状况,并根据产品销售与排名变化,及时制定和调整产品的销售...
|
|
</view>
|
|
</view>
|
|
@@ -157,10 +159,14 @@
|
|
<!-- <image src="../../static/images/index/company-logo-2.png" class="logo-img" mode="aspectFit"></image> -->
|
|
<!-- <image src="../../static/images/index/company-logo-2.png" class="logo-img" mode="aspectFit"></image> -->
|
|
</view>
|
|
</view>
|
|
<view class="experience-content">
|
|
<view class="experience-content">
|
|
- <view class="job-title">高级ebay运营</view>
|
|
|
|
- <view class="job-department">运营部</view>
|
|
|
|
- <view class="company-name">深圳市世迪贸易科技有限公司</view>
|
|
|
|
- <view class="work-period">2018.01-2019.01</view>
|
|
|
|
|
|
+ <view class="job-info-row">
|
|
|
|
+ <view class="job-title">高级ebay运营</view>
|
|
|
|
+ <view class="job-department">运营部</view>
|
|
|
|
+ </view>
|
|
|
|
+ <view class="company-period-row">
|
|
|
|
+ <view class="company-name">深圳市世迪贸易科技有限公司</view>
|
|
|
|
+ <view class="work-period">2018.01-2019.01</view>
|
|
|
|
+ </view>
|
|
<view class="job-description">
|
|
<view class="job-description">
|
|
负责Amazon英国、欧洲站、制定推广与销售计划,达成团队要求的销售业绩;做好数据的统计分析工作,收集、分析市场信息,竞争对手状况,并根据产品销售与排名变化,及时制定和调整产品的销售....
|
|
负责Amazon英国、欧洲站、制定推广与销售计划,达成团队要求的销售业绩;做好数据的统计分析工作,收集、分析市场信息,竞争对手状况,并根据产品销售与排名变化,及时制定和调整产品的销售....
|
|
</view>
|
|
</view>
|
|
@@ -178,10 +184,14 @@
|
|
<!-- <image src="../../static/images/index/company-logo-3.png" class="logo-img" mode="aspectFit"></image> -->
|
|
<!-- <image src="../../static/images/index/company-logo-3.png" class="logo-img" mode="aspectFit"></image> -->
|
|
</view>
|
|
</view>
|
|
<view class="experience-content">
|
|
<view class="experience-content">
|
|
- <view class="job-title">高级产品开发经理</view>
|
|
|
|
- <view class="job-department">产品开发部</view>
|
|
|
|
- <view class="company-name">深圳虾皮科技有限公司</view>
|
|
|
|
- <view class="work-period">2023.04 -至今</view>
|
|
|
|
|
|
+ <view class="job-info-row">
|
|
|
|
+ <view class="job-title">高级产品开发经理</view>
|
|
|
|
+ <view class="job-department">产品开发部</view>
|
|
|
|
+ </view>
|
|
|
|
+ <view class="company-period-row">
|
|
|
|
+ <view class="company-name">深圳虾皮科技有限公司</view>
|
|
|
|
+ <view class="work-period">2023.04 -至今</view>
|
|
|
|
+ </view>
|
|
<view class="job-description">
|
|
<view class="job-description">
|
|
这是简历填写的内容这是简历填写的内容这是简历填写的内容这是简历填写的内容这是简历填写的内容这是简历填写的内容这是简历填写的内容这是简历填写的内容这是简历填写的内容这是简历填写的内容这是简历填写的内容这是简历填写的内容这是简历填写的内容...
|
|
这是简历填写的内容这是简历填写的内容这是简历填写的内容这是简历填写的内容这是简历填写的内容这是简历填写的内容这是简历填写的内容这是简历填写的内容这是简历填写的内容这是简历填写的内容这是简历填写的内容这是简历填写的内容这是简历填写的内容...
|
|
</view>
|
|
</view>
|
|
@@ -197,6 +207,69 @@
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
+
|
|
|
|
+ <!-- 教育经历 -->
|
|
|
|
+ <view class="education-section">
|
|
|
|
+ <view class="section-header">
|
|
|
|
+ <view class="section-title">
|
|
|
|
+ <text>教育经历</text>
|
|
|
|
+ </view>
|
|
|
|
+ <view class="edit-icon">
|
|
|
|
+ <image src="../../static/images/index/Combined-Shape.svg" style="width: 48rpx;height: 48rpx;" mode=""></image>
|
|
|
|
+ </view>
|
|
|
|
+ </view>
|
|
|
|
+
|
|
|
|
+ <view class="education-list">
|
|
|
|
+ <view class="education-item">
|
|
|
|
+ <view class="school-logo">
|
|
|
|
+ <!-- <image src="../../static/images/index/harvard-logo.png" class="logo-img" mode="aspectFit"></image> -->
|
|
|
|
+ </view>
|
|
|
|
+ <view class="education-content">
|
|
|
|
+ <view class="school-name">武汉工程大学</view>
|
|
|
|
+ <view class="degree-info">硕士 • 高分子化学与物理 • 2014-2017</view>
|
|
|
|
+ <view class="education-description">
|
|
|
|
+ 这是简历填写的内容这是简历填写的内容内容这是简历填写的内是简历填写的内容这是简历填写的内容...
|
|
|
|
+ </view>
|
|
|
|
+ </view>
|
|
|
|
+ </view>
|
|
|
|
+
|
|
|
|
+ <view class="education-item">
|
|
|
|
+ <view class="school-logo">
|
|
|
|
+ <!-- <image src="../../static/images/index/harvard-logo.png" class="logo-img" mode="aspectFit"></image> -->
|
|
|
|
+ </view>
|
|
|
|
+ <view class="education-content">
|
|
|
|
+ <view class="school-name">武汉工程大学</view>
|
|
|
|
+ <view class="degree-info">硕士 • 高分子化学与物理 • 2014-2017</view>
|
|
|
|
+ <view class="education-description">
|
|
|
|
+ 这是简历填写的内容这是简历填写的内容这是简的内容这是的内容这是简历填写的内容这是简历填写的内容...
|
|
|
|
+ </view>
|
|
|
|
+ </view>
|
|
|
|
+ </view>
|
|
|
|
+ </view>
|
|
|
|
+ </view>
|
|
|
|
+
|
|
|
|
+ <!-- 技能 -->
|
|
|
|
+ <view class="skills-section">
|
|
|
|
+ <view class="section-header">
|
|
|
|
+ <view class="section-title">
|
|
|
|
+ <text>技能</text>
|
|
|
|
+ </view>
|
|
|
|
+ <view class="edit-icon" @click="goToJobSkills">
|
|
|
|
+ <image src="../../static/images/index/Combined-Shape.svg" style="width: 48rpx;height: 48rpx;" mode=""></image>
|
|
|
|
+ </view>
|
|
|
|
+ </view>
|
|
|
|
+
|
|
|
|
+ <view class="skills-grid">
|
|
|
|
+ <view class="skill-tag">Design & Creative</view>
|
|
|
|
+ <view class="skill-tag">Wireframing UX</view>
|
|
|
|
+ <view class="skill-tag">Figma</view>
|
|
|
|
+ <view class="skill-tag">UI Design</view>
|
|
|
|
+ <view class="skill-tag">Prototype</view>
|
|
|
|
+ <view class="skill-tag">Adobe XD</view>
|
|
|
|
+ <view class="skill-tag">UX Design</view>
|
|
|
|
+ <view class="skill-tag">Front End</view>
|
|
|
|
+ </view>
|
|
|
|
+ </view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</template>
|
|
</template>
|
|
@@ -221,6 +294,11 @@
|
|
uni.navigateTo({
|
|
uni.navigateTo({
|
|
url: `/package/jobIntention/preferenceSetting?jobTitle=${encodeURIComponent(jobTitle)}`
|
|
url: `/package/jobIntention/preferenceSetting?jobTitle=${encodeURIComponent(jobTitle)}`
|
|
})
|
|
})
|
|
|
|
+ },
|
|
|
|
+ goToJobSkills() {
|
|
|
|
+ uni.navigateTo({
|
|
|
|
+ url: '/package/jobIntention/jobSkills'
|
|
|
|
+ })
|
|
}
|
|
}
|
|
},
|
|
},
|
|
mounted() {
|
|
mounted() {
|
|
@@ -233,10 +311,21 @@
|
|
icon: 'success'
|
|
icon: 'success'
|
|
})
|
|
})
|
|
})
|
|
})
|
|
|
|
+
|
|
|
|
+ // 监听技能设置更新
|
|
|
|
+ uni.$on('skillsUpdated', (data) => {
|
|
|
|
+ console.log('技能设置已更新:', data)
|
|
|
|
+ // 这里可以更新对应的技能显示
|
|
|
|
+ uni.showToast({
|
|
|
|
+ title: `${data.jobTitle}技能已更新`,
|
|
|
|
+ icon: 'success'
|
|
|
|
+ })
|
|
|
|
+ })
|
|
},
|
|
},
|
|
beforeDestroy() {
|
|
beforeDestroy() {
|
|
// 移除事件监听
|
|
// 移除事件监听
|
|
uni.$off('preferenceUpdated')
|
|
uni.$off('preferenceUpdated')
|
|
|
|
+ uni.$off('skillsUpdated')
|
|
}
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
</script>
|
|
@@ -707,74 +796,228 @@
|
|
.experience-content {
|
|
.experience-content {
|
|
flex: 1;
|
|
flex: 1;
|
|
|
|
|
|
- .job-title {
|
|
|
|
- color: rgba(23, 23, 37, 1);
|
|
|
|
- font-family: Inter;
|
|
|
|
- font-size: 16px;
|
|
|
|
- font-weight: 600;
|
|
|
|
- line-height: 20px;
|
|
|
|
|
|
+ .job-info-row {
|
|
|
|
+ display: flex;
|
|
|
|
+ align-items: center;
|
|
margin-bottom: 4rpx;
|
|
margin-bottom: 4rpx;
|
|
}
|
|
}
|
|
|
|
|
|
|
|
+ .job-title {
|
|
|
|
+ color: rgba(23, 23, 37, 1);
|
|
|
|
+ font-family: DM Sans;
|
|
|
|
+ font-size: 16px;
|
|
|
|
+ font-weight: 400;
|
|
|
|
+ line-height: 22px;
|
|
|
|
+ letter-spacing: 0%;
|
|
|
|
+ text-align: left;
|
|
|
|
+ margin-right: 12rpx;
|
|
|
|
+ }
|
|
|
|
+
|
|
.job-department {
|
|
.job-department {
|
|
- color: rgba(120, 130, 138, 1);
|
|
|
|
- font-family: DM Sans;
|
|
|
|
- font-size: 12px;
|
|
|
|
- font-weight: 400;
|
|
|
|
- line-height: 16px;
|
|
|
|
- margin-bottom: 4rpx;
|
|
|
|
|
|
+ color: rgba(120, 130, 138, 1);
|
|
|
|
+ font-family: DM Sans;
|
|
|
|
+ font-size: 12px;
|
|
|
|
+ font-weight: 400;
|
|
|
|
+ line-height: 22px;
|
|
|
|
+ letter-spacing: 0%;
|
|
|
|
+ text-align: left;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .company-period-row {
|
|
|
|
+ display: flex;
|
|
|
|
+ align-items: center;
|
|
|
|
+ justify-content: flex-start;
|
|
|
|
+ margin-bottom: 12rpx;
|
|
|
|
+ gap: 12rpx;
|
|
}
|
|
}
|
|
|
|
|
|
.company-name {
|
|
.company-name {
|
|
- color: rgba(23, 23, 37, 1);
|
|
|
|
- font-family: DM Sans;
|
|
|
|
- font-size: 14px;
|
|
|
|
- font-weight: 500;
|
|
|
|
- line-height: 18px;
|
|
|
|
- margin-bottom: 4rpx;
|
|
|
|
|
|
+ color: rgba(120, 130, 138, 1);
|
|
|
|
+ font-family: DM Sans;
|
|
|
|
+ font-size: 12px;
|
|
|
|
+ font-weight: 400;
|
|
|
|
+ line-height: 10px;
|
|
|
|
+ letter-spacing: 0%;
|
|
|
|
+ text-align: left;
|
|
|
|
+
|
|
}
|
|
}
|
|
|
|
|
|
.work-period {
|
|
.work-period {
|
|
- color: rgba(120, 130, 138, 1);
|
|
|
|
- font-family: DM Sans;
|
|
|
|
- font-size: 12px;
|
|
|
|
- font-weight: 400;
|
|
|
|
- line-height: 16px;
|
|
|
|
- margin-bottom: 12rpx;
|
|
|
|
|
|
+ color: rgba(120, 130, 138, 1);
|
|
|
|
+ font-family: DM Sans;
|
|
|
|
+ font-size: 12px;
|
|
|
|
+ font-weight: 400;
|
|
|
|
+ line-height: 10px;
|
|
|
|
+ letter-spacing: 0%;
|
|
|
|
+ text-align: left;
|
|
}
|
|
}
|
|
|
|
|
|
.job-description {
|
|
.job-description {
|
|
- color: rgba(120, 130, 138, 1);
|
|
|
|
- font-family: DM Sans;
|
|
|
|
- font-size: 12px;
|
|
|
|
- font-weight: 400;
|
|
|
|
- line-height: 18px;
|
|
|
|
- margin-bottom: 16rpx;
|
|
|
|
|
|
+ color: rgba(120, 130, 138, 1);
|
|
|
|
+ font-family: DM Sans;
|
|
|
|
+ font-size: 12px;
|
|
|
|
+ font-weight: 400;
|
|
|
|
+ line-height: 14px;
|
|
|
|
+ letter-spacing: 0%;
|
|
|
|
+ text-align: left;
|
|
}
|
|
}
|
|
|
|
|
|
.skill-tags {
|
|
.skill-tags {
|
|
display: flex;
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
flex-wrap: wrap;
|
|
gap: 8rpx;
|
|
gap: 8rpx;
|
|
|
|
+ margin-top: 12rpx;
|
|
|
|
|
|
.tag {
|
|
.tag {
|
|
background: rgba(248, 249, 250, 1);
|
|
background: rgba(248, 249, 250, 1);
|
|
border: 1rpx solid rgba(227, 231, 236, 1);
|
|
border: 1rpx solid rgba(227, 231, 236, 1);
|
|
- border-radius: 4rpx;
|
|
|
|
- padding: 4rpx 8rpx;
|
|
|
|
-
|
|
|
|
- text {
|
|
|
|
- color: rgba(120, 130, 138, 1);
|
|
|
|
- font-family: DM Sans;
|
|
|
|
- font-size: 10px;
|
|
|
|
- font-weight: 400;
|
|
|
|
- line-height: 12px;
|
|
|
|
- }
|
|
|
|
|
|
+ border-radius: 12rpx;
|
|
|
|
+ padding: 4rpx;
|
|
|
|
+ color: rgba(102, 102, 102, 1);
|
|
|
|
+ font-family: DM Sans;
|
|
|
|
+ font-size: 12px;
|
|
|
|
+ font-weight: 400;
|
|
|
|
+ letter-spacing: 0%;
|
|
|
|
+ text-align: left;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
+
|
|
|
|
+ // 教育经历部分样式
|
|
|
|
+ .education-section {
|
|
|
|
+ background: #fff;
|
|
|
|
+ border-radius: 12px;
|
|
|
|
+ padding: 30rpx;
|
|
|
|
+ margin-bottom: 20rpx;
|
|
|
|
+ box-sizing: border-box;
|
|
|
|
+ border: 1px solid rgba(227, 231, 236, 1);
|
|
|
|
+
|
|
|
|
+ .section-header {
|
|
|
|
+ display: flex;
|
|
|
|
+ align-items: center;
|
|
|
|
+ justify-content: space-between;
|
|
|
|
+ margin-bottom: 30rpx;
|
|
|
|
+
|
|
|
|
+ .section-title {
|
|
|
|
+ text {
|
|
|
|
+ color: rgba(23, 23, 37, 1);
|
|
|
|
+ font-family: Inter;
|
|
|
|
+ font-size: 20px;
|
|
|
|
+ font-weight: 600;
|
|
|
|
+ line-height: 24px;
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .education-list {
|
|
|
|
+ .education-item {
|
|
|
|
+ display: flex;
|
|
|
|
+ padding: 24rpx 0;
|
|
|
|
+ border-bottom: 1rpx solid #F0F0F0;
|
|
|
|
+
|
|
|
|
+ &:last-child {
|
|
|
|
+ border-bottom: none;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .school-logo {
|
|
|
|
+ width: 90rpx;
|
|
|
|
+ height: 90rpx;
|
|
|
|
+ margin-right: 24rpx;
|
|
|
|
+ flex-shrink: 0;
|
|
|
|
+ border-radius: 8px;
|
|
|
|
+ background: rgba(246, 246, 246, 1);
|
|
|
|
+
|
|
|
|
+ .logo-img {
|
|
|
|
+ width: 100%;
|
|
|
|
+ height: 100%;
|
|
|
|
+ border-radius: 8rpx;
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .education-content {
|
|
|
|
+ flex: 1;
|
|
|
|
+
|
|
|
|
+ .school-name {
|
|
|
|
+ color: rgba(23, 23, 37, 1);
|
|
|
|
+ font-family: DM Sans;
|
|
|
|
+ font-size: 18px;
|
|
|
|
+ font-weight: 400;
|
|
|
|
+ line-height: 22px;
|
|
|
|
+ letter-spacing: 0%;
|
|
|
|
+ text-align: left;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .degree-info {
|
|
|
|
+ color: rgba(120, 130, 138, 1);
|
|
|
|
+ font-family: DM Sans;
|
|
|
|
+ font-size: 12px;
|
|
|
|
+ font-weight: 500;
|
|
|
|
+ line-height: 24px;
|
|
|
|
+ letter-spacing: 0%;
|
|
|
|
+ text-align: left;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .education-description {
|
|
|
|
+ color: rgba(120, 130, 138, 1);
|
|
|
|
+ font-family: DM Sans;
|
|
|
|
+ font-size: 12px;
|
|
|
|
+ font-weight: 400;
|
|
|
|
+ line-height: 16px;
|
|
|
|
+ letter-spacing: 0%;
|
|
|
|
+ text-align: left;
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ // 技能部分样式
|
|
|
|
+ .skills-section {
|
|
|
|
+ background: #fff;
|
|
|
|
+ border-radius: 12px;
|
|
|
|
+ padding: 30rpx;
|
|
|
|
+ margin-bottom: 20rpx;
|
|
|
|
+ box-sizing: border-box;
|
|
|
|
+ border: 1px solid rgba(227, 231, 236, 1);
|
|
|
|
+
|
|
|
|
+ .section-header {
|
|
|
|
+ display: flex;
|
|
|
|
+ align-items: center;
|
|
|
|
+ justify-content: space-between;
|
|
|
|
+ margin-bottom: 30rpx;
|
|
|
|
+
|
|
|
|
+ .section-title {
|
|
|
|
+ text {
|
|
|
|
+ color: rgba(23, 23, 37, 1);
|
|
|
|
+ font-family: Inter;
|
|
|
|
+ font-size: 20px;
|
|
|
|
+ font-weight: 600;
|
|
|
|
+ line-height: 24px;
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .skills-grid {
|
|
|
|
+ display: flex;
|
|
|
|
+ flex-wrap: wrap;
|
|
|
|
+ gap: 16rpx;
|
|
|
|
+
|
|
|
|
+ .skill-tag {
|
|
|
|
+ padding: 16rpx;
|
|
|
|
+ border: 1px solid rgba(236, 241, 246, 1);
|
|
|
|
+ border-radius: 24px;
|
|
|
|
+ color: rgba(23, 23, 37, 1);
|
|
|
|
+ font-family: DM Sans;
|
|
|
|
+ font-size: 14px;
|
|
|
|
+ font-weight: 400;
|
|
|
|
+ line-height: 20px;
|
|
|
|
+ letter-spacing: 0.5%;
|
|
|
|
+ text-align: right;
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+ }
|
|
}
|
|
}
|
|
</style>
|
|
</style>
|