sdz/qingdao-employment-service
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style

Browse Source
This commit is contained in:
xiebing
2025-12-05 18:09:45 +08:00
parent 0d5e3024bc
commit 1ba45fdf93
48 changed files with 2702 additions and 1047 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
common/globalFunction.js
View File

@@ -285,7 +285,9 @@ function deg2rad(deg) {
}
function vacanciesTo(vacancies) {
if (vacancies >= 0) {
if(!vacancies){
return '不限人数'
}else if (vacancies >= 0) {
return vacancies + "人"
} else {
return '不限人数'

28
components/AppLayout/AppLayout.vue
View File

@@ -151,3 +151,31 @@ const handleScrollToLower = () => {
height: 100%;
}
</style>
<style lang="scss" scoped>
@media (min-width: 800px) {
.app-container {
.container-header{
height:120rpx;
line-height: 120rpx;
.header-btnLf{
::v-deep *{
width: 90rpx !important;
height: 90rpx !important;
font-size: 40rpx !important;
}
}
.header-btnRi{
::v-deep *{
width: 90rpx !important;
height: 90rpx !important;
font-size: 40rpx !important;
}
}
.header-title{
font-size: 40rpx;
}
}
}
}
</style>

17
components/DatePicker/DatePicker.vue
View File

@@ -325,3 +325,20 @@ export default {
}
}
</style>
<style lang="scss" scoped>
@media(min-width: 800px){
.popup-header {
.title {
font-size: 40rpx;
}
.btn-cancel {
font-size: 36rpx;
}
.btn-confirm {
font-size: 36rpx;
}
}
}
</style>

29
components/expected-station/expected-station.vue
View File

@@ -252,3 +252,32 @@ export default {
border: 2rpx solid #256BFA;
color: #256BFA
</style>
<style lang="scss" scoped>
@media(min-width: 800px){
.sex-content{
.sex-content-left{
width: 350rpx;
.left-list-btn{
font-size: 36rpx;
}
}
.sex-content-right{
.grid-sex{
grid-template-columns:repeat(6,1fr);
.sex-right-btn{
font-size: 36rpx;
height: 100rpx;
line-height: 100rpx;
}
}
}
.secondary-title{
font-size: 38rpx;
}
}
}
</style>

31
components/md-render/md-render.vue
View File

@@ -355,3 +355,34 @@ ol {
padding: 4rpx 20rpx;
margin-right: 16rpx;
</style>
<style lang="scss" scoped>
@media(min-width: 800px){
.custom-card{
padding: 30rpx;
.card-title{
.title-text{
font-size: 36rpx;
}
.card-salary{
font-size: 34rpx;
}
}
.card-company{
font-size: 32rpx;
}
.card-info{
font-size: 32rpx;
.info-item{
font-size: 32rpx;
}
}
.card-tag{
font-size: 30rpx;
padding: 8rpx 20rpx;
}
}
}
</style>

30
components/renderCompanyCollectionRecord/renderCompanyCollectionRecord.vue
View File

@@ -10,12 +10,12 @@
<text class="company line_1">{{ company.name }}</text>
</view>
<view class="card-bottom">
<view class="fl_box fs_14">
<view class="fl_box">
<view class="mar_ri10">{{ company.industry }}</view>
<view>{{ company.scale }}</view>
</view>
<view class="ris">
<text class="fs_14">
<text>
在招职位·
<text class="color_256BFA">{{ company.totalRecruitment || '-' }}</text>
个
@@ -33,12 +33,12 @@
<text class="company line_1">{{ company.name }}</text>
</view>
<view class="card-bottom">
<view class="fl_box fs_14">
<view class="fl_box ">
<view class="mar_ri10">{{ company.industry }}</view>
<view>{{ company.scale }}</view>
</view>
<view class="ris">
<text class="fs_14">
<text>
在招职位·
<text class="color_256BFA">{{ company.totalRecruitment || '-' }}</text>
个
@@ -165,3 +165,25 @@ function nextDetail(company) {
font-family: 'PingFangSC-Medium', 'PingFang SC', 'Helvetica Neue', Helvetica, Arial, 'Microsoft YaHei', sans-serif;
}
</style>
<style lang="scss" scoped>
@media(min-width: 800px){
.cards{
.card-company{
.company{
font-size: 38rpx;
}
}
.card-bottom{
font-size: 34rpx;
}
.card-tags{
.tag{
padding: 10rpx 30rpx;
font-size: 30rpx;
border-radius: 6rpx;
}
}
}
}
</style>

27
components/renderCompanys/renderCompanys.vue
View File

@@ -5,12 +5,12 @@
<text class="company line_1">{{ job.name }}</text>
</view>
<view class="card-bottom">
<view class="fl_box fs_14">
<view class="fl_box">
<dict-tree-Label class="mar_ri10" dictType="industry" :value="job.industry"></dict-tree-Label>
<dict-Label dictType="scale" :value="job.scale"></dict-Label>
</view>
<view class="ris">
<text class="fs_14">
<text>
在招职位·
<text class="color_256BFA">{{ job.totalRecruitment || '-' }}</text>
个
@@ -131,3 +131,26 @@ function nextDetail(company) {
font-family: 'PingFangSC-Medium', 'PingFang SC', 'Helvetica Neue', Helvetica, Arial, 'Microsoft YaHei', sans-serif;
}
</style>
<style lang="scss" scoped>
@media(min-width: 800px){
.cards{
.card-company{
.company{
font-size: 38rpx;
}
}
.card-bottom{
font-size: 34rpx;
}
.card-tags{
.tag{
padding: 10rpx 30rpx;
font-size: 30rpx;
border-radius: 6rpx;
}
}
}
}
</style>

27
components/renderCompanysOutData/renderCompanysOutData.vue
View File

@@ -5,13 +5,13 @@
<text class="company line_1">{{ job.gsmc }}</text>
</view>
<view class="card-bottom" >
<view class="fl_box fs_14" >
<view class="fl_box" >
<!-- <dict-tree-Label class="mar_ri10" dictType="industry" :value="job.industry"></dict-tree-Label>
<dict-Label dictType="scale" :value="job.scale"></dict-Label> -->
<view>{{job.gsxy}}</view>
</view>
<view class="ris" >
<text class="fs_14">
<text>
在招职位·
<text class="color_256BFA">{{ job.zzgwsl || '-' }}</text>
个
@@ -140,3 +140,26 @@ function nextDetail(company) {
font-family: 'PingFangSC-Medium', 'PingFang SC', 'Helvetica Neue', Helvetica, Arial, 'Microsoft YaHei', sans-serif;
}
</style>
<style lang="scss" scoped>
@media(min-width: 800px){
.cards{
.card-company{
.company{
font-size: 38rpx;
}
}
.card-bottom{
font-size: 34rpx;
}
.card-tags{
.tag{
padding: 10rpx 30rpx;
font-size: 30rpx;
border-radius: 6rpx;
}
}
}
}
</style>

45
components/renderDeliveryRecord/renderDeliveryRecord.vue
View File

@@ -208,3 +208,48 @@ function nextDetail(job) {
}
}
</style>
<style lang="scss" scoped>
@media(min-width: 800px){
.date-jobTitle{
font-size: 38rpx;
}
.cards{
.card-company{
.company{
font-size: 38rpx;
}
.salary{
font-size: 34rpx;
::v-deep .texts {
.num {
font-size: 40rpx;
}
.unit {
font-size: 30rpx;
}
.gap {
font-size: 30rpx;
}
}
}
}
.card-companyName{
margin-top: 14rpx;
font-size: 32rpx;
}
.card-bottom{
font-size: 34rpx;
}
.card-tags{
margin-top: 14rpx;
.tag{
padding: 10rpx 30rpx;
font-size: 30rpx;
border-radius: 6rpx;
}
}
}
}
</style>

41
components/renderJobCollectionRecord/renderJobCollectionRecord.vue
View File

@@ -209,3 +209,44 @@ function nextDetail(job) {
}
}
</style>
<style lang="scss" scoped>
@media(min-width: 800px){
.cards{
.card-company{
.company{
font-size: 38rpx;
}
.salary{
font-size: 34rpx;
::v-deep .texts {
.num {
font-size: 40rpx;
}
.unit {
font-size: 30rpx;
}
.gap {
font-size: 30rpx;
}
}
}
}
.card-companyName{
margin-top: 14rpx;
font-size: 32rpx;
}
.card-bottom{
font-size: 34rpx;
}
.card-tags{
margin-top: 14rpx;
.tag{
padding: 10rpx 30rpx;
font-size: 30rpx;
border-radius: 6rpx;
}
}
}
}
</style>

44
components/renderJobViewRecord/renderJobViewRecord.vue
View File

@@ -208,3 +208,47 @@ function nextDetail(job) {
}
}
</style>
<style lang="scss" scoped>
@media(min-width: 800px){
.date-jobTitle{
font-size: 38rpx;
}
.cards{
.card-company{
.company{
font-size: 38rpx;
}
.salary{
font-size: 34rpx;
::v-deep .texts {
.num {
font-size: 40rpx;
}
.unit {
font-size: 30rpx;
}
.gap {
font-size: 30rpx;
}
}
}
}
.card-companyName{
margin-top: 14rpx;
font-size: 32rpx;
}
.card-bottom{
font-size: 34rpx;
}
.card-tags{
margin-top: 14rpx;
.tag{
padding: 10rpx 30rpx;
font-size: 30rpx;
border-radius: 6rpx;
}
}
}
}
</style>

42
components/renderJobs/renderJobs.vue
View File

@@ -147,3 +147,45 @@ function nextDetail(job) {
}
}
</style>
<style lang="scss" scoped>
@media(min-width: 800px){
.cards{
.card-company{
.company{
font-size: 38rpx;
}
.salary{
font-size: 34rpx;
::v-deep .texts {
.num {
font-size: 40rpx;
}
.unit {
font-size: 30rpx;
}
.gap {
font-size: 30rpx;
}
}
}
}
.card-companyName{
margin-top: 14rpx;
font-size: 32rpx;
}
.card-bottom{
font-size: 34rpx;
}
.card-tags{
margin-top: 14rpx;
.tag{
padding: 10rpx 30rpx;
font-size: 30rpx;
border-radius: 6rpx;
}
}
}
}
</style>

31
components/renderJobsOutData/renderJobsOutData.vue
View File

@@ -165,3 +165,34 @@ function parseDateTime(datetimeStr) {
}
}
</style>
<style lang="scss" scoped>
@media(min-width: 800px){
.cards{
.card-company{
.company{
font-size: 38rpx;
}
.salary{
font-size: 34rpx;
}
}
.card-companyName{
margin-top: 14rpx;
font-size: 32rpx;
}
.card-bottom{
font-size: 34rpx;
}
.card-tags{
margin-top: 14rpx;
.tag{
padding: 10rpx 30rpx;
font-size: 30rpx;
border-radius: 6rpx;
}
}
}
}
</style>

55
components/selectFilter/selectFilter.vue
View File

@@ -374,3 +374,58 @@ defineExpose({
}
}
</style>
<style lang="scss" scoped>
@media(min-width: 800px){
.filter-nav{
width: 350rpx;
.nav-item{
font-size: 38rpx;
}
.active{
font-size: 40rpx !important;
}
}
.filter-content {
.content-item {
.item-title{
font-size: 38rpx;
}
}
.check-content{
margin-top: 30rpx;
row-gap: 30rpx;
.checkbox-item{
.option-label {
font-size: 34rpx;
width: 100%;
white-space: nowrap;
overflow: hidden;
}
}
}
}
.popup-header {
padding-bottom: 25rpx;
.title {
font-size: 40rpx;
}
.btn-cancel {
font-size: 36rpx;
}
.btn-confirm {
font-size: 36rpx;
}
}
.popup-bottom {
.btn-cancel {
font-size: 36rpx;
}
.btn-confirm {
font-size: 36rpx;
}
}
}
</style>

27
components/selectJobs/selectJobs.vue
View File

@@ -299,3 +299,30 @@ defineExpose({
}
}
</style>
<style lang="scss" scoped>
@media(min-width: 800px){
.popup-header {
.title {
font-size: 40rpx;
}
.btn-cancel {
font-size: 36rpx;
}
.btn-confirm {
font-size: 36rpx;
}
}
.popup-bottom {
.btn-cancel {
font-size: 36rpx;
}
.btn-confirm {
font-size: 36rpx;
}
}
}
</style>

1
components/selectPopup/selectPopup.vue
View File

@@ -231,3 +231,4 @@ export default {
}
}
</style>

2
packageA/pages/Intendedposition/Intendedposition.vue
View File

@@ -81,3 +81,5 @@ function getJobList(type = 'add') {
position: relative;
}
</style>
<style lang="scss" scoped>
</style>

81
packageA/pages/UnitDetails/UnitDetails.vue
View File

@@ -410,3 +410,84 @@ image {
}
}
</style>
<style lang="scss" scoped>
@media(min-width: 800px){
.content{
.content-top{
.companyinfo-left{
width: 140rpx;
height: 140rpx;
}
.companyinfo-right{
.row1{
margin-top: 10rpx;
font-size: 40rpx;
}
.row2{
margin-top: 10rpx;
font-size: 34rpx;
}
}
}
}
.content{
.locations{
height: 120rpx;
.location-info{
.info{
.info-title{
font-size: 36rpx;
}
}
}
}
.expand{
font-size: 36rpx;
.expand-img{
width: 50rpx;
height: 50rpx;
}
}
.conetent-info{
.info-title{
font-size: 36rpx;
margin-top: 20rpx;
}
.info-desirption{
font-size: 32rpx;
}
.card-times{
padding: 30rpx 90rpx;
.left-date{
font-size: 55rpx;
}
.left-dateDay{
font-size: 34rpx;
}
.line{
margin-top: 0;
width: 80rpx;
border-width: 4rpx;
}
.time-center{
.center-date{
font-size: 42rpx;
}
.center-dateDay{
width: fit-content;
font-size: 36rpx;
}
}
}
}
}
.Detailscroll-view{
.views{
.Detail-title{
font-size: 40rpx;
}
}
}
}
</style>

26
packageA/pages/browseJob/browseJob.vue
View File

@@ -219,3 +219,29 @@ image {
height: 100%
}
</style>
<style lang="scss" scoped>
@media(min-width: 800px){
.collection-search{
.search-content{
.header-input{
.iconsearch{
font-size: 50rpx !important;
}
.input{
font-size: 40rpx;
padding-left: 100rpx;
height: 120rpx;
}
.inputplace{
font-size: 40rpx;
}
}
.data-all{
width: 100rpx;
height: 100rpx;
}
}
}
}
</style>

12
packageA/pages/collection/collection.vue
View File

@@ -272,3 +272,15 @@ function getCompanyList(type = 'add') {
}
}
</style>
<style lang="scss" scoped>
@media(min-width: 800px){
.collection-content{
.header{
font-size: 38rpx;
.active{
font-size: 40rpx;
}
}
}
}
</style>

83
packageA/pages/exhibitors/exhibitors.vue
View File

@@ -40,7 +40,7 @@
<!-- <view class="info-title title2">公司地址</view>
<view class="locationCompany"></view> -->
<view class="company-times">
<view class="info-title">内容描述</view>
<view class="info-title">举办时间</view>
<view class="card-times">
<view class="time-left">
<view class="left-date">{{ parseDateTime(fairInfo.zphjbsj).time }}</view>
@@ -590,3 +590,84 @@ image {
}
}
</style>
<style lang="scss" scoped>
@media (min-width: 800px) {
.app-container {
.content-top{
.companyinfo-left{
width: 140rpx;
height: 140rpx;
}
.companyinfo-right{
.row1{
margin-top: 10rpx;
font-size: 40rpx;
}
.row2{
margin-top: 10rpx;
font-size: 34rpx;
}
}
}
}
.content{
.locations{
height: 120rpx;
.location-info{
.info{
.info-title{
font-size: 36rpx;
}
}
}
}
.expand{
font-size: 36rpx;
.expand-img{
width: 50rpx;
height: 50rpx;
}
}
.conetent-info{
.info-title{
font-size: 36rpx;
margin-top: 20rpx;
}
.info-desirption{
font-size: 32rpx;
}
.card-times{
padding: 30rpx 90rpx;
.left-date{
font-size: 55rpx;
}
.left-dateDay{
font-size: 34rpx;
}
.line{
margin-top: 0;
width: 80rpx;
border-width: 4rpx;
}
.time-center{
.center-date{
font-size: 42rpx;
}
.center-dateDay{
width: fit-content;
font-size: 36rpx;
}
}
}
}
}
.Detailscroll-view{
.views{
.Detail-title{
font-size: 40rpx;
}
}
}
}
</style>

26
packageA/pages/jobExpect/jobExpect.vue
View File

@@ -278,3 +278,29 @@ function getFormCompletionPercent(form) {
border: 2rpx solid #E8EAEE;
</style>
<style lang="scss" scoped>
@media(min-width: 800px){
.content{
padding: 40rpx;
}
.content-input{
.input-titile{
font-size: 40rpx;
}
.input-con{
height: 100rpx;
font-size: 38rpx;
}
}
.input-nx{
margin-top: 20rpx;
.nx-item{
padding: 12rpx 40rpx;
font-size: 34rpx;
}
}
}
</style>

85
packageA/pages/myResume/myResume.vue
View File

@@ -104,7 +104,7 @@
</view>
<view class="exp-item button-click" v-for="item in userInfo.workExp" :key="item.id">
<view class="fl_box fl_justbet mar_top15">
<view class="fs_16">{{ item.company }}</view>
<view >{{ item.company }}</view>
<image
class="icon btn-feel"
src="@/static/icon/edit1.png"
@@ -112,7 +112,7 @@
></image>
</view>
<view class="mys-text fl_box fl_justbet">
<text class="color_333333 fs_14">{{ item.position }}</text>
<text class="color_333333">{{ item.position }}</text>
<text class="datetext">{{ item.startTime }}--{{ item.endTime || '至今' }}</text>
</view>
<view class="mys-text">
@@ -408,3 +408,84 @@ image{
}
}
</style>
<style lang="scss" scoped>
@media(min-width: 800px){
.notice-line{
height: 100rpx;
.icon{
width: 50rpx;
height: 50rpx;
}
.text{
font-size: 34rpx;
}
.close{
width: 40rpx;
height: 40rpx;
}
}
.mys-container{
.mys-tops{
.tops-left{
.name{
font-size: 50rpx;
.edit-icon{
width: 50rpx;
height: 50rpx;
}
}
.subName{
font-size: 38rpx;
}
}
.tops-right{
.right-imghead{
width: 180rpx;
height: 180rpx;
}
}
}
.mys-info{
.mys-h4{
font-size: 40rpx;
.icon{
width: 55rpx;
height: 55rpx;
}
.mys-edit-icon{
.icon{
width: 40rpx;
height: 40rpx;
}
.txt{
font-size: 36rpx;
}
}
}
.exp-item{
font-size: 38rpx;
.icon{
width: 55rpx;
height: 55rpx;
}
}
.datetext{
font-size: 34rpx;
}
.mys-text{
font-size: 34rpx;
}
.mys-list{
margin-top: 20rpx;
.cards{
padding: 12rpx 40rpx;
font-size: 34rpx;
}
}
}
}
}
</style>

16
packageA/pages/post/component/radarMap.vue
View File

@@ -1,5 +1,5 @@
<template>
<view style="display: flex; justify-content: center; padding: 0px 0">
<view class="radar" style="display: flex; justify-content: center; padding: 0px 0">
<canvas canvas-id="radarCanvas" id="radarCanvas" style="width: 300px; height: 250px"></canvas>
</view>
</template>
@@ -41,6 +41,8 @@ watch(
);
function rawRadarChart(labels, data) {
let ratio = window.innerWidth / 600;
if (ratio < 1) ratio = 1;
const ctx = uni.createCanvasContext('radarCanvas');
const width = 80;
const height = 80;
@@ -136,8 +138,8 @@ function rawRadarChart(labels, data) {
//标题
ctx.setFillStyle('#000');
ctx.setFontSize(12);
ctx.font = 'bold 12px sans-serif';
ctx.setFontSize(12 * ratio);
ctx.font = `bold ${12 * ratio}px sans-serif`;
ctx.fillText(label, x, y);
});
@@ -145,4 +147,10 @@ function rawRadarChart(labels, data) {
}
</script>
<style></style>
<style lang="scss" scoped>
@media (min-width: 800px) {
.radar{
padding-top: 30rpx !important;
}
}
</style>

84
packageA/pages/post/post.vue
View File

@@ -663,3 +663,87 @@ for i in 0..100
}
}
</style>
<style lang="scss" scoped>
@media (min-width: 800px) {
.content{
.content-top{
.position-source{
font-size: 38rpx;
}
.top-salary{
::v-deep .texts {
.num {
font-size: 50rpx;
}
.unit {
font-size: 40rpx;
}
.gap {
font-size: 40rpx;
}
}
}
.top-name{
font-size: 38rpx;
}
.top-info{
.info-img{
width: 50rpx;
height: 50rpx;
}
.info-text{
font-size: 36rpx;
}
}
}
.ai-explain{
.explain-left{
.leftText{
font-size: 36rpx;
}
.leftdownText{
font-size: 32rpx;
}
}
.explain-right{
font-size: 34rpx;
width: 200rpx;
}
}
.content-card{
.card-title{
font-size: 38rpx;
.btntext{
font-size: 34rpx;
}
}
.description{
font-size: 34rpx;
}
.company-info{
.companyinfo-left{
width: 150rpx;
height: 150rpx;
}
.companyinfo-right{
.row1{
font-size: 38rpx;
}
.row2{
font-size:32rpx;
}
}
}
}
.card-footer{
.footer-title{
font-size: 36rpx;
}
.progress-text{
font-size: 32rpx;
}
}
}
}
</style>

24
packageA/pages/reservation/component/countdown.vue
View File

@@ -7,7 +7,7 @@
<div class="time-block">{{ days }}</div>
<span class="colon">天</span>
</view>
<view style="color: #ff881a">待开始</view>
<view class="status" style="color: #ff881a">待开始</view>
</view>
</template>
@@ -21,7 +21,7 @@
<span class="colon hui">:</span>
<div class="time-block huibg">00</div>
</view>
<view class="hui">已结束</view>
<view class="status hui">已结束</view>
</view>
</template>
@@ -33,7 +33,7 @@
<div class="time-block">{{ days }}</div>
<span class="colon">天</span>
</view>
<view style="color: #18a14f">进行中</view>
<view class="status" style="color: #18a14f">进行中</view>
</view>
</template>
<template v-else>
@@ -46,7 +46,7 @@
<span class="colon">:</span>
<div class="time-block">{{ seconds }}</div>
</view>
<view style="color: #18a14f">进行中</view>
<view class="status" style="color: #18a14f">进行中</view>
</view>
</template>
</template>
@@ -160,3 +160,19 @@ onUnmounted(() => {
color: #256bfa;
}
</style>
<style lang="scss" scoped>
@media(min-width: 800px){
.colon{
font-size: 38rpx;
}
.time-block{
font-size: 40rpx;
height: 50rpx;
line-height: 50rpx;
}
.status{
font-size: 38rpx;
}
}
</style>

32
packageA/pages/reservation/reservation.vue
View File

@@ -207,10 +207,40 @@ function getList(type = 'add', loading = true) {
text-align: center;
border-radius: 12rpx 12rpx 12rpx 12rpx;
border: 2rpx solid #E8EAEE;
margin-top: 32rpx
}
}
}
}
</style>
<style lang="scss" scoped>
@media(min-width: 800px){
.reser-content{
.content-top{
.top-item{
font-size: 36rpx;
}
.active{
font-size: 38rpx;
}
}
}
.reser-content{
.main{
.card{
.card-row{
margin-top: 20rpx;
.rowleft{
font-size: 34rpx;
}
}
.card-Title{
margin-top: 20rpx;
font-size: 40rpx;
}
}
}
}
}
</style>

42
packageA/pages/selectDate/selectDate.vue
View File

@@ -336,3 +336,45 @@ function getMonthCalendarData({ year, month, selectableDates = [] }) {
}
}
</style>
<style lang="scss" scoped>
@media (min-width: 800px) {
.content{
.top-date{
display: grid;
grid-template-columns:repeat(7,1fr);
width: 100%;
box-sizing: border-box;
padding-right: 40rpx;
background: #f3f3f3;
.weekText{
width: 100%;
box-sizing: border-box;
text-align: center;
font-size: 40rpx;
padding: 20rpx;
}
}
.date-list{
.list-title{
height: 120rpx;
line-height: 120rpx;
font-size: 36rpx;
}
.list-item{
.item{
padding: 35rpx 0;
margin: 5rpx;
.item-top{
font-size: 40rpx;
}
.item-nong{
font-size: 34rpx;
}
}
}
}
}
}
</style>

77
packageA/pages/vCard/vCard.vue
View File

@@ -264,3 +264,80 @@ image {
}
}
</style>
<style lang="scss" scoped>
@media(min-width: 800px){
.mys-container{
.info{
padding: 40rpx;
.avatar{
width: 180rpx;
height: 180rpx;
}
.info-right{
height: 170rpx;
.name{
font-size: 45rpx;
}
.des{
font-size: 34rpx;
}
.phone{
font-size: 34rpx;
}
}
}
.info-bottom{
padding: 25rpx 50rpx;
font-size: 34rpx;
}
.des-card{
padding: 30rpx 40rpx;
font-size: 34rpx;
gap:20rpx;
}
.empty-box{
display: flex;
align-items: center;
justify-content: center;
.img{
width: 600rpx;
}
}
}
.card{
.title{
.text{
font-size: 40rpx;
}
}
}
.skill-box{
margin-top: 40rpx;
.skill-item{
font-size: 34rpx;
padding: 15rpx 40rpx;
border-radius: 12rpx;
}
}
.exp-box{
margin-top: 40rpx;
.exp-item{
font-size: 36rpx;
}
}
.certificate-box{
margin-top: 40rpx;
.certificate-item{
font-size: 36rpx;
}
}
}
</style>

39
packageA/pages/workExp/workExp.vue
View File

@@ -243,3 +243,42 @@ const changeendTime = () => {
}
}
</style>
<style lang="scss" scoped>
@media(min-width: 800px){
.content{
padding: 40rpx;
}
.content-input{
.input-titile{
font-size: 40rpx;
}
.input-con{
height: 100rpx;
font-size: 38rpx;
}
}
.input-nx{
margin-top: 20rpx;
.nx-item{
padding: 12rpx 40rpx;
font-size: 34rpx;
}
}
.flex-box{
.input-box{
flex: 0.4;
}
.gap{
font-size: 60rpx;
flex: 0.2;
}
}
.content-input{
.text-area{
font-size: 36rpx;
}
}
}
</style>

83
pages/careerfair/careerfair.vue
View File

@@ -557,3 +557,86 @@ function getNextDates({ startDate = '', count = 6 }) {
}
}
</style>
<style lang="scss" scoped>
@media (min-width: 800px) {
.app-container{
.container-header{
background-size: 100% 600rpx;
.header-input{
margin: 20rpx 0;
.iconsearch{
font-size: 60rpx !important;
}
.input{
font-size: 40rpx;
padding-left: 100rpx;
height: 120rpx;
}
.inputplace{
font-size: 40rpx;
}
}
.header-date{
.data-week{
.weel-days{
width: 300rpx;
height: 200rpx;
.label{
font-size: 40rpx;
}
.day{
font-size: 32rpx;
}
}
}
.data-all{
width: 140rpx;
height: 140rpx;
}
}
}
.cards{
.card{
padding: 50rpx 10rpx;
.card-title{
font-size: 40rpx;
padding: 0 90rpx;
}
.card-row{
font-size: 34rpx;
padding: 0 90rpx;
margin-top: 12rpx;
}
.card-times{
padding: 0 90rpx;
.left-date{
font-size: 55rpx;
}
.left-dateDay{
font-size: 34rpx;
}
.line{
margin-top: 0;
width: 80rpx;
border-width: 4rpx;
}
.time-center{
.center-date{
font-size: 42rpx;
}
.center-dateDay{
width: fit-content;
font-size: 36rpx;
}
}
}
.card-footer{
padding: 0 90rpx;
font-size: 34rpx;
}
}
}
}
}
</style>

20
pages/chat/chat.vue
View File

@@ -348,3 +348,23 @@ footer-height = 98rpx
height: footer-height;
}
</style>
<style lang="scss" scoped>
@media(min-width: 800px){
.main-content{
.head{
height: 120rpx;
.main-header{
height: 120rpx;
font-size: 40rpx;
uni-image{
width: 55rpx;
height: 55rpx;
}
}
}
}
}
</style>

85
pages/chat/components/ai-paging.vue
View File

@@ -185,7 +185,7 @@
<!-- btn -->
<CollapseTransition :show="showfile">
<view class="area-tips">
<uni-icons type="info-filled" color="#ADADAD" size="15"></uni-icons>
<uni-icons type="info-filled" color="#ADADAD" size="20"></uni-icons>
上传后自动解析简历内容
</view>
<view class="area-file">
@@ -1101,3 +1101,86 @@ image-margin-top = 40rpx
-webkit-animation: ai-circle 1s linear infinite;
animation: ai-circle 1s linear infinite;
</style>
<style lang="scss" scoped>
@media(min-width: 800px){
.chat-background{
.back-rowTitle{
font-size:50rpx;
}
.back-rowText{
font-size:34rpx;
}
.back-rowh3{
font-size:36rpx;
}
.back-rowmsg{
font-size:34rpx;
}
}
.areatext{
align-items:center;
}
.btn-box{
width: 90rpx;
height:90rpx;
.send-btn{
width:50rpx;
height:50rpx;
}
}
.input {
min-height: 100rpx;
line-height: 100rpx;
}
.input_vio{
min-height: 100rpx;
line-height: 100rpx;
font-size:34rpx;
}
.inputplaceholder {
font-size: 34rpx;
line-height: 50rpx;
}
.area-tips{
font-size:32rpx;
}
.message{
font-size: 36rpx;
.message-markdown{
font-size: 36rpx;
padding:40rpx;
.message-controll{
margin-top:25rpx;
.controll-left{
.controll-icon{
width:80rpx;
height:80rpx;
}
}
.controll-right{
.controll-icon{
width:80rpx;
height:80rpx;
}
}
}
}
}
.markdown-body{
font-size:36rpx;
}
.area-file .file-card{
padding:50rpx 0;
.card-img{
width:65rpx;
height:65rpx;
}
uni-text{
font-size: 34rpx;
}
}
}
</style>

76
pages/index/components/AIMatch.vue
View File

@@ -3,8 +3,8 @@
</template>
<script setup>
import { onMounted, onUnmounted, ref, nextTick } from 'vue';
const emit = defineEmits(['tag-click']);
import { onMounted, onUnmounted, ref, nextTick } from "vue";
const emit = defineEmits(["tag-click"]);
// DOM Ref
const pixiContainerRef = ref(null);
@@ -16,9 +16,9 @@ let activeTagInstances = [];
// 配置数据
const mockTags = [
{ name: '医生', bgColor: 0x0069fe, fontColor: 0xffffff, size: 17, opacity: 1.0, angle: 0, radius: 0 },
{ name: "医生", bgColor: 0x0069fe, fontColor: 0xffffff, size: 17, opacity: 1.0, angle: 0, radius: 0 },
{
name: '工程师',
name: "工程师",
bgColor: 0x87e2ec,
fontColor: 0xffffff,
size: 14,
@@ -28,7 +28,7 @@ const mockTags = [
tailRotation: Math.PI / 2,
},
{
name: '建筑师',
name: "建筑师",
bgColor: 0xffebeb,
tailColor: 0xffe1e1,
fontColor: 0xff6969,
@@ -39,7 +39,7 @@ const mockTags = [
tailRotation: (3 * Math.PI) / 4,
},
{
name: '律师',
name: "律师",
bgColor: 0x21ea85,
fontColor: 0xffffff,
size: 15,
@@ -49,7 +49,7 @@ const mockTags = [
tailRotation: (3 * Math.PI) / 4,
},
{
name: '记者',
name: "记者",
bgColor: 0xebf3ff,
tailColor: 0xb9d3ff,
fontColor: 0x1d71ef,
@@ -60,7 +60,7 @@ const mockTags = [
tailRotation: (3 * Math.PI) / 3.4,
},
{
name: '程序员',
name: "程序员",
bgColor: 0xffd4b6,
fontColor: 0xffffff,
size: 14,
@@ -70,7 +70,7 @@ const mockTags = [
tailRotation: (5 * Math.PI) / 4,
},
{
name: '摄影师',
name: "摄影师",
bgColor: 0xd8e5fe,
tailColor: 0xb9d3ff,
fontColor: 0x1d71ef,
@@ -81,7 +81,7 @@ const mockTags = [
tailRotation: (3 * Math.PI) / 2,
},
{
name: '设计师',
name: "设计师",
bgColor: 0xff9400,
fontColor: 0xffffff,
size: 14,
@@ -91,7 +91,7 @@ const mockTags = [
tailRotation: (7 * Math.PI) / 4,
},
{
name: '心理咨询师',
name: "心理咨询师",
bgColor: 0xebf3ff,
tailColor: 0xb9d3ff,
fontColor: 0x1d71ef,
@@ -99,10 +99,10 @@ const mockTags = [
opacity: 1,
angle: (5.4 * Math.PI) / 6,
radius: 110,
tailRotation:(3 * Math.PI) /1.78,
tailRotation: (3 * Math.PI) / 1.78,
},
{
name: '护士',
name: "护士",
bgColor: 0xff6969,
fontColor: 0xffffff,
size: 15,
@@ -112,7 +112,7 @@ const mockTags = [
tailRotation: Math.PI / 4,
},
{
name: '会计',
name: "会计",
bgColor: 0xfce9c9,
fontColor: 0xfbc55f,
size: 13,
@@ -128,11 +128,11 @@ onMounted(async () => {
setTimeout(() => {
initPixi();
}, 100);
window.addEventListener('resize', handleResize);
window.addEventListener("resize", handleResize);
});
onUnmounted(() => {
window.removeEventListener('resize', handleResize);
window.removeEventListener("resize", handleResize);
if (app) {
app.destroy(true, { children: true, texture: true, baseTexture: true });
app = null;
@@ -141,7 +141,7 @@ onUnmounted(() => {
const getContainerDOM = () => {
const refVal = pixiContainerRef.value;
if (!refVal) return document.getElementById('pixi-box');
if (!refVal) return document.getElementById("pixi-box");
if (refVal.$el) return refVal.$el;
return refVal;
};
@@ -166,7 +166,7 @@ const initPixi = () => {
resolution: window.devicePixelRatio || 1,
autoDensity: true,
});
app.view.style.touchAction = 'auto';
app.view.style.touchAction = "auto";
container.appendChild(app.view);
@@ -177,19 +177,18 @@ const initPixi = () => {
};
const renderScene = (sw, sh) => {
let ratio = window.innerWidth / 600;
if (ratio < 1) ratio = 1;
tagsContainer.removeChildren();
activeTagInstances = [];
const baseSize = 375;
const scaleFactor = (Math.min(sw, sh) / baseSize) * 0.9;
mockTags.forEach((data, index) => {
const scaledRadius = data.radius * (scaleFactor < 1 ? 1 : scaleFactor * 0.8);
const scaledRadius = data.radius * ratio;
let x = sw / 2 + scaledRadius * Math.cos(data.angle);
let y = sh / 2 + scaledRadius * Math.sin(data.angle);
const tag = createTag(data, index);
const tag = createTag(data, index, ratio);
tagsContainer.addChild(tag);
@@ -216,7 +215,7 @@ const renderScene = (sw, sh) => {
};
if (data.radius > 0) {
const tail = createCometTail( data.tailColor || data.bgColor, data.tailRotation, tag.width);
const tail = createCometTail(data.tailColor || data.bgColor, data.tailRotation, tag.width, ratio);
tag.addChildAt(tail, 0);
tag.updateTail = () => tail.updateAnim();
}
@@ -227,7 +226,6 @@ const renderScene = (sw, sh) => {
// 动画循环
app.ticker.add(() => {
const screenH = app.screen.height;
activeTagInstances.forEach((tag) => {
const meta = tag.userData;
if (meta) {
@@ -247,24 +245,25 @@ const renderScene = (sw, sh) => {
});
};
const createTag = (tagData, index) => {
const createTag = (tagData, index, ratio) => {
if (ratio > 1) ratio = ratio * 0.9;
const tagGroup = new PIXI.Container();
tagGroup.eventMode = 'static';
tagGroup.cursor = 'pointer';
tagGroup.eventMode = "static";
tagGroup.cursor = "pointer";
tagGroup.on('pointertap', () => emit('tag-click', tagData));
tagGroup.on("pointertap", () => emit("tag-click", tagData));
const text = new PIXI.Text(tagData.name, {
fontFamily: ['PingFang SC', 'Microsoft YaHei', 'Arial'],
fontSize: tagData.size,
fontFamily: ["PingFang SC", "Microsoft YaHei", "Arial"],
fontSize: tagData.size * ratio,
fill: tagData.fontColor,
padding: 4,
padding: 4 * ratio,
resolution: 2,
});
text.anchor.set(0.5);
const paddingH = 26;
const paddingV = 10;
const paddingH = 26 * ratio;
const paddingV = 10 * ratio;
let bgWidth = text.width + paddingH;
let bgHeight = text.height + paddingV;
@@ -281,14 +280,15 @@ const createTag = (tagData, index) => {
return tagGroup;
};
const createCometTail = (bgColor, tailRotation, parentWidth) => {
const createCometTail = (bgColor, tailRotation, parentWidth, ratio) => {
if (ratio > 1) ratio = ratio * 0.9;
const tailGroup = new PIXI.Container();
const graphics = new PIXI.Graphics();
tailGroup.addChild(graphics);
const baseLength = 45;
const baseLength = 45 * ratio;
const startWidth = parentWidth * 0.6;
const endWidth = 20;
const endWidth = 20 * ratio;
let breathPhase = Math.random() * Math.PI * 2;
const breathSpeed = 0.04;
@@ -363,7 +363,7 @@ const handleResize = () => {
<style scoped>
.container {
width: 100%;
height: 500rpx;
height: 100%;
position: relative;
overflow: hidden;
color: #b9d3ff;

448
pages/index/components/index-refactor.vue
View File

@@ -1,11 +1,5 @@
<template>
<scroll-view
:scroll-y="true"
class="app-container"
:scroll-top="scrollTop"
@scroll="checkStickyStatus"
@scrolltolower="scrollBottom"
>
<scroll-view :scroll-y="true" class="app-container" :scroll-top="scrollTop" @scroll="checkStickyStatus" @scrolltolower="scrollBottom">
<view class="nav-hidden">
<view class="container-search">
<image class="bg-text" mode="widthFix" src="@/static/icon/index-text-bg.png"></image>
@@ -31,7 +25,7 @@
<view class="title">AI素质测评</view>
<view class="des">提高个人素质</view>
<image class="bg-text" mode="widthFix" src="@/static/icon/item-bg-text.png"></image>
<image class="bg-img" src="@/static/icon/item-bg-img1.png"></image>
<image class="bg-img" mode="widthFix" src="@/static/icon/item-bg-img1.png"></image>
</view>
</view>
<view class="box-r">
@@ -39,13 +33,13 @@
<view class="title">就业指导</view>
<view class="des">根据个人建议</view>
<image class="bg" src="@/static/icon/top-card-bg.png" />
<image class="bg-img" src="@/static/icon/item-bg-img2.png"></image>
<image class="bg-img" mode="widthFix" src="@/static/icon/item-bg-img2.png"></image>
</view>
<view class="item3 button-click" @click="handleItemClick">
<view class="title">AI模拟面试</view>
<view class="des">提高面试成功率</view>
<image class="bg" src="@/static/icon/bottom-card-bg.png" />
<image class="bg-img" src="@/static/icon/item-bg-img3.png"></image>
<image class="bg-img" mode="widthFix" src="@/static/icon/item-bg-img3.png"></image>
</view>
</view>
</view>
@@ -70,64 +64,38 @@
<view class="card card1 press-button" @click="navTo('/pages/nearby/nearby')">
<view class="card-title">附近工作</view>
<view class="card-text">好岗职等你来</view>
<image class="img1" src="@/static/icon/work-img1.png" />
<image class="img1" mode="widthFix" src="@/static/icon/work-img1.png" />
</view>
<view class="card card2 press-button" @click="navTo('/packageA/pages/choiceness/choiceness')">
<view class="card-title">精选企业</view>
<view class="card-text">优选职得信赖</view>
<image class="img2" src="@/static/icon/work-img2.png" />
<image class="img2" mode="widthFix" src="@/static/icon/work-img2.png" />
</view>
</view>
</view>
<view class="list-card">
<image v-if="maskFirstEntry" @click="closeVideoTip" class="video-mask" src="@/static/icon/video-mask.png" />
<image v-if="maskFirstEntry" @click="closeVideoTip" class="video-mask" mode="widthFix" src="@/static/icon/video-mask.png" />
<view class="nav-filter" :class="{ stuck: isSticky }">
<view class="filter-top" @touchmove.stop.prevent>
<scroll-view :scroll-x="true" :show-scrollbar="false" class="tab-scroll">
<view class="jobs-left">
<view
class="job button-click"
:class="{ active: state.tabIndex === 'all' }"
@click="choosePosition('all')"
>
全部
</view>
<view
class="job button-click"
:class="{ active: state.tabIndex === index }"
v-for="(item, index) in userInfo.jobTitle"
:key="index"
@click="choosePosition(index)"
>
<view class="job button-click" :class="{ active: state.tabIndex === 'all' }" @click="choosePosition('all')"> 全部 </view>
<view class="job button-click" :class="{ active: state.tabIndex === index }" v-for="(item, index) in userInfo.jobTitle" :key="index" @click="choosePosition(index)">
{{ item }}
</view>
</view>
</scroll-view>
<image
@click="navTo('/packageA/pages/addPosition/addPosition')"
class="add-icon button-click"
src="@/static/icon/add-circle.png"
></image>
<image @click="navTo('/packageA/pages/addPosition/addPosition')" class="add-icon button-click" src="@/static/icon/add-circle.png"></image>
</view>
<view class="filter-bottom">
<view class="btm-left">
<view
class="button-click filterbtm"
:class="{ active: pageState.search.order === item.value }"
v-for="item in rangeOptions"
@click="handelHostestSearch(item)"
:key="item.value"
>
<view class="button-click filterbtm" :class="{ active: pageState.search.order === item.value }" v-for="item in rangeOptions" @click="handelHostestSearch(item)" :key="item.value">
{{ item.text }}
</view>
</view>
<view class="btm-right button-click" @click="openFilter">
筛选
<image
class="right-sx"
:class="{ active: showFilter }"
src="@/static/icon/polygon-down.png"
></image>
<image class="right-sx" :class="{ active: showFilter }" src="@/static/icon/polygon-down.png"></image>
</view>
</view>
</view>
@@ -154,10 +122,7 @@
<view v-if="job.isHot">
<view class="falls-card-pay">
<view class="pay-text">
<Salary-Expectation
:max-salary="job.maxSalary"
:min-salary="job.minSalary"
></Salary-Expectation>
<Salary-Expectation :max-salary="job.maxSalary" :min-salary="job.minSalary"></Salary-Expectation>
</view>
<image class="flame" src="/static/icon/flame3.png"></image>
</view>
@@ -167,10 +132,7 @@
<view class="falls-card-title">{{ job.jobTitle }}</view>
<view class="falls-card-pay" style="margin-top: 10rpx">
<view class="pay-text">
<Salary-Expectation
:max-salary="job.maxSalary"
:min-salary="job.minSalary"
></Salary-Expectation>
<Salary-Expectation :max-salary="job.maxSalary" :min-salary="job.minSalary"></Salary-Expectation>
</view>
</view>
</view>
@@ -191,7 +153,7 @@
<view>
<image class="point2" src="/static/icon/pintDate2.png"></image>
<view class="fl_1">
{{ job.postingDate || '发布日期' }}
{{ job.postingDate || "发布日期" }}
</view>
</view>
<view>
@@ -214,9 +176,7 @@
</view>
<view v-if="!job.education" class="recommend-card" :class="{ isBut: job.isBut }">
<view class="card-content">
<view class="recommend-card-title">
在找岗位：{{ job.jobCategory }}的工作吗？
</view>
<view class="recommend-card-title"> 在找岗位：{{ job.jobCategory }}的工作吗？ </view>
<!-- <view class="recommend-card-tip">{{ job.tip }}</view> -->
<view class="recommend-card-tip">确认您的兴趣，为您推荐更多合适的岗位</view>
<!-- <view class="recommend-card-line"></view> -->
@@ -252,24 +212,24 @@
</template>
<script setup>
import { reactive, inject, watch, ref, onMounted, watchEffect, nextTick, getCurrentInstance } from 'vue';
import img from '@/static/icon/filter.png';
import dictLabel from '@/components/dict-Label/dict-Label.vue';
const { $api, navTo, vacanciesTo, formatTotal, throttle } = inject('globalFunction');
import { onLoad, onShow } from '@dcloudio/uni-app';
import { storeToRefs } from 'pinia';
import useUserStore from '@/stores/useUserStore';
import { reactive, inject, watch, ref, onMounted, watchEffect, nextTick, getCurrentInstance } from "vue";
import img from "@/static/icon/filter.png";
import dictLabel from "@/components/dict-Label/dict-Label.vue";
const { $api, navTo, vacanciesTo, formatTotal, throttle } = inject("globalFunction");
import { onLoad, onShow } from "@dcloudio/uni-app";
import { storeToRefs } from "pinia";
import useUserStore from "@/stores/useUserStore";
const { userInfo } = storeToRefs(useUserStore());
import useDictStore from '@/stores/useDictStore';
import useDictStore from "@/stores/useDictStore";
const { getTransformChildren, oneDictData } = useDictStore();
import useLocationStore from '@/stores/useLocationStore';
import selectFilter from '@/components/selectFilter/selectFilter.vue';
import { useRecommedIndexedDBStore, jobRecommender } from '@/stores/useRecommedIndexedDBStore.js';
import { useScrollDirection } from '@/hook/useScrollDirection';
import { useColumnCount } from '@/hook/useColumnCount';
import useLocationStore from "@/stores/useLocationStore";
import selectFilter from "@/components/selectFilter/selectFilter.vue";
import { useRecommedIndexedDBStore, jobRecommender } from "@/stores/useRecommedIndexedDBStore.js";
import { useScrollDirection } from "@/hook/useScrollDirection";
import { useColumnCount } from "@/hook/useColumnCount";
const { isScrollingDown, handleScroll } = useScrollDirection();
const recommedIndexDb = useRecommedIndexedDBStore();
import AIMatch from './AIMatch.vue';
import AIMatch from "./AIMatch.vue";
const { proxy } = getCurrentInstance();
@@ -279,7 +239,7 @@ const isSticky = ref(false);
const showScrollBottom = ref(false);
const scrollTop = ref(0);
const emits = defineEmits(['onShowTabbar']);
const emits = defineEmits(["onShowTabbar"]);
const waterfallsFlowRef = ref(null);
const loadmoreRef = ref(null);
@@ -287,7 +247,7 @@ const conditionSearch = ref({});
const waterfallcolumn = ref(2);
const state = reactive({
tabIndex: 'all',
tabIndex: "all",
});
const list = ref([]);
const pageState = reactive({
@@ -299,64 +259,23 @@ const pageState = reactive({
order: 0,
},
});
const inputText = ref('');
const inputText = ref("");
const showFilter = ref(false);
const selectFilterModel = ref(null);
const showModel = ref(false);
const rangeOptions = ref([
{ value: 0, text: '推荐' },
{ value: 1, text: '最热' },
{ value: 2, text: '最新发布' },
{ value: 0, text: "推荐" },
{ value: 1, text: "最热" },
{ value: 2, text: "最新发布" },
]);
const isLoaded = ref(false);
const occupations = [
'律师',
'工程师',
'医生',
'教师',
'设计师',
'程序员',
'会计师',
'建筑师',
'护士',
'销售',
'经理',
'顾问',
'分析师',
'研究员',
'编辑',
'记者',
'摄影师',
'厨师',
'司机',
'保安',
'客服',
'行政',
'人事',
'市场',
'运营',
'产品',
'测试',
'运维',
'前端',
'后端',
'全栈',
'数据',
'策划',
'导演',
'演员',
'歌手',
'作家',
'画家',
'翻译',
'导游',
];
const occupations = ["律师", "工程师", "医生", "教师", "设计师", "程序员", "会计师", "建筑师", "护士", "销售", "经理", "顾问", "分析师", "研究员", "编辑", "记者", "摄影师", "厨师", "司机", "保安", "客服", "行政", "人事", "市场", "运营", "产品", "测试", "运维", "前端", "后端", "全栈", "数据", "策划", "导演", "演员", "歌手", "作家", "画家", "翻译", "导游"];
const colors = ['#0069FE', '#FF9400', '#FF6969', '#21EA85', '#87E2EC'];
const colors = ["#0069FE", "#FF9400", "#FF6969", "#21EA85", "#87E2EC"];
onMounted(() => {
let firstEntry = uni.getStorageSync('firstEntry') === false ? false : true; // 默认未读
let firstEntry = uni.getStorageSync("firstEntry") === false ? false : true; // 默认未读
maskFirstEntry.value = firstEntry;
});
@@ -365,7 +284,7 @@ const checkStickyStatus = (e) => {
nextTick(() => {
const query = uni.createSelectorQuery().in(proxy);
query
.select('.nav-filter')
.select(".nav-filter")
.boundingClientRect()
.exec((res) => {
if (res[0]) {
@@ -380,18 +299,18 @@ const checkStickyStatus = (e) => {
};
function closeVideoTip() {
uni.setStorageSync('firstEntry', false);
uni.setStorageSync("firstEntry", false);
maskFirstEntry.value = false;
}
const handleTagClick = (tagInfo) => {
console.log('点击的标签信息:', tagInfo);
$api.msg('暂未开放')
console.log("点击的标签信息:", tagInfo);
$api.msg("暂未开放");
};
const handleItemClick = ()=>{
$api.msg('暂未开放')
}
const handleItemClick = () => {
$api.msg("暂未开放");
};
const hexToRgba = (hex, opacity) => {
const r = parseInt(hex.slice(1, 3), 16);
@@ -405,12 +324,12 @@ const getTextColor = (hexColor) => {
const g = parseInt(hexColor.slice(3, 5), 16);
const b = parseInt(hexColor.slice(5, 7), 16);
const brightness = (r * 299 + g * 587 + b * 114) / 1000;
return brightness > 180 ? '#1D71EF' : '#FFFFFF';
return brightness > 180 ? "#1D71EF" : "#FFFFFF";
};
const { columnCount, columnSpace } = useColumnCount(() => {
pageState.pageSize = 10 * (columnCount.value - 1);
getJobRecommend('refresh');
getJobRecommend("refresh");
nextTick(() => {
waterfallsFlowRef.value?.refresh?.();
useLocationStore().getLocation();
@@ -428,11 +347,11 @@ async function loadData() {
}
const scrollBottom = () => {
if (loadmoreRef.value && typeof loadmoreRef.value.change === 'function') {
if (loadmoreRef.value && typeof loadmoreRef.value.change === "function") {
// if (loadmoreRef?.value?.status == 'loading' || loadmoreRef?.value?.status == 'noMore') return;
loadmoreRef.value.change('loading');
loadmoreRef.value.change("loading");
stopScroll();
if (state.tabIndex === 'all') {
if (state.tabIndex === "all") {
getJobRecommend();
} else {
getJobList();
@@ -450,7 +369,7 @@ function stopScroll() {
function findJob(job) {
if (job.isBut) {
$api.msg('已确认');
$api.msg("已确认");
} else {
list.value = list.value.map((item) => {
if (item.recommend && item.jobCategory === job.jobCategory) {
@@ -463,13 +382,13 @@ function findJob(job) {
});
const jobstr = job.jobCategory;
const jobsObj = {
地区: 'area',
岗位: 'jobTitle',
经验: 'experience',
地区: "area",
岗位: "jobTitle",
经验: "experience",
};
const [name, value] = jobstr.split(':');
const [name, value] = jobstr.split(":");
const nameAttr = jobsObj[name];
if (name === '岗位') {
if (name === "岗位") {
conditionSearch.value[nameAttr] = value;
} else {
const valueAttr = oneDictData(nameAttr).filter((item) => item.label === value);
@@ -483,7 +402,7 @@ function findJob(job) {
function clearfindJob(job) {
if (job.isBut) {
$api.msg('已确认');
$api.msg("已确认");
} else {
list.value = list.value.map((item) => {
if (item.recommend && item.jobCategory === job.jobCategory) {
@@ -509,23 +428,23 @@ function nextDetail(job) {
function openFilter() {
showFilter.value = true;
emits('onShowTabbar', false);
emits("onShowTabbar", false);
selectFilterModel.value?.open({
title: '筛选',
title: "筛选",
maskClick: true,
success: (values) => {
pageState.search = {
...pageState.search,
};
for (const [key, value] of Object.entries(values)) {
pageState.search[key] = value.join(',');
pageState.search[key] = value.join(",");
}
showFilter.value = false;
getJobList('refresh');
getJobList("refresh");
},
cancel: () => {
showFilter.value = false;
emits('onShowTabbar', true);
emits("onShowTabbar", true);
},
});
}
@@ -537,31 +456,31 @@ function handleFilterConfirm(e) {
function choosePosition(index) {
state.tabIndex = index;
list.value = [];
if (index === 'all') {
if (index === "all") {
pageState.search = {
order: pageState.search.order,
};
inputText.value = '';
getJobRecommend('refresh');
inputText.value = "";
getJobRecommend("refresh");
} else {
// const id = useUserStore().userInfo.jobTitleId.split(',')[index];
pageState.search.jobTitle = userInfo.value.jobTitle[index];
inputText.value = '';
getJobList('refresh');
inputText.value = "";
getJobList("refresh");
}
}
function handelHostestSearch(val) {
pageState.search.order = val.value;
if (state.tabIndex === 'all') {
getJobRecommend('refresh');
if (state.tabIndex === "all") {
getJobRecommend("refresh");
} else {
getJobList('refresh');
getJobList("refresh");
}
}
function getJobRecommend(type = 'add') {
if (type === 'refresh') {
function getJobRecommend(type = "add") {
if (type === "refresh") {
list.value = [];
if (waterfallsFlowRef.value) waterfallsFlowRef.value.refresh();
}
@@ -573,13 +492,13 @@ function getJobRecommend(type = 'add') {
};
let comd = {
recommend: true,
jobCategory: '',
tip: '确认你的兴趣，为您推荐更多合适的岗位',
jobCategory: "",
tip: "确认你的兴趣，为您推荐更多合适的岗位",
};
$api.createRequest('/app/job/recommend', params).then((resData) => {
$api.createRequest("/app/job/recommend", params).then((resData) => {
const { data, total } = resData;
pageState.total = 0;
if (type === 'add') {
if (type === "add") {
// 记录系统
recommedIndexDb.getRecord().then((res) => {
if (res.length) {
@@ -615,11 +534,11 @@ function getJobRecommend(type = 'add') {
list.value = dataToImg(data);
}
// 切换状态
if (loadmoreRef.value && typeof loadmoreRef.value.change === 'function') {
if (loadmoreRef.value && typeof loadmoreRef.value.change === "function") {
if (data.length < pageState.pageSize) {
loadmoreRef.value.change('noMore');
loadmoreRef.value.change("noMore");
} else {
loadmoreRef.value.change('more');
loadmoreRef.value.change("more");
}
}
// 当没有岗位，刷新sessionId重新啦
@@ -629,11 +548,11 @@ function getJobRecommend(type = 'add') {
});
}
function getJobList(type = 'add') {
if (type === 'add' && pageState.page < pageState.maxPage) {
function getJobList(type = "add") {
if (type === "add" && pageState.page < pageState.maxPage) {
pageState.page += 1;
}
if (type === 'refresh') {
if (type === "refresh") {
list.value = [];
pageState.page = 1;
pageState.maxPage = 2;
@@ -647,9 +566,9 @@ function getJobList(type = 'add') {
// ...conditionSearch.value,
};
$api.createRequest('/app/job/list', params).then((resData) => {
$api.createRequest("/app/job/list", params).then((resData) => {
const { rows, total } = resData;
if (type === 'add') {
if (type === "add") {
const str = pageState.pageSize * (pageState.page - 1);
const end = list.value.length;
const reslist = dataToImg(rows);
@@ -660,11 +579,11 @@ function getJobList(type = 'add') {
pageState.total = resData.total;
pageState.maxPage = Math.ceil(pageState.total / pageState.pageSize);
// 切换状态
if (loadmoreRef.value && typeof loadmoreRef.value.change === 'function') {
if (loadmoreRef.value && typeof loadmoreRef.value.change === "function") {
if (rows.length < pageState.pageSize) {
loadmoreRef.value?.change('noMore');
loadmoreRef.value?.change("noMore");
} else {
loadmoreRef.value?.change('more');
loadmoreRef.value?.change("more");
}
}
});
@@ -801,7 +720,6 @@ defineExpose({ loadData });
.bg-text2
width:100%;
.search-input
flex:1
margin-top:8%;
margin-bottom:18%;
display: flex
@@ -874,7 +792,11 @@ defineExpose({ loadData });
margin-right:10rpx
.box-r
flex:1
overflow :hidden
margin-left:10rpx
display:flex;
flex-direction:column
gap:20rpx
.title
font-family: Alibaba PuHuiTi;
font-weight: 700;
@@ -899,7 +821,7 @@ defineExpose({ loadData });
width:100%;
height:100%
.item1
height:272rpx;
height:100%;
width:100%;
border-radius: 20rpx;
background: linear-gradient(127.66deg, #CDE4FF 6.44%, #EAFEFF 93.56%);
@@ -915,11 +837,10 @@ defineExpose({ loadData });
.bg-img
position:absolute;
width:168rpx;
height:166rpx;
right:16rpx;
bottom:12rpx;
.item2
height:126rpx;
flex:0.5;
width:100%;
border-radius: 20rpx;
box-sizing:border-box;
@@ -929,22 +850,19 @@ defineExpose({ loadData });
.bg-img
position:absolute;
width:212rpx;
height:148rpx;
right:-50rpx;
bottom:8rpx;
bottom:0rpx;
.item3
height:126rpx;
flex:0.5;
width:100%;
border-radius: 20rpx;
box-sizing:border-box;
padding:26rpx 28rpx;
margin-top:20rpx;
position :relative
background: linear-gradient(100.72deg, #FFDBDB 1.79%, #FFF8F0 98.21%);
.bg-img
position:absolute;
width:102rpx;
height:92rpx;
right:0rpx;
bottom:44rpx;
.tip
@@ -975,7 +893,7 @@ defineExpose({ loadData });
z-index:1
margin-top:20rpx;
.match-card
width 100%;
width:100%;
box-sizing:border-box;
position relative;
background: #ffffffE6;
@@ -994,7 +912,8 @@ defineExpose({ loadData });
top:0;
.match-item-container
width:100%;
margin-top:30rpx;
height:480rpx;
margin-top:10rpx;
position :relative;
z-index:1
.match-item-row
@@ -1071,13 +990,11 @@ defineExpose({ loadData });
border-radius: 20rpx
.img1
width:180rpx;
height:122rpx;
position: absolute;
right:-20rpx;
bottom:4rpx
.img2
width:148rpx;
height:148rpx;
position: absolute;
right:-20rpx;
bottom:-10rpx;
@@ -1104,7 +1021,6 @@ defineExpose({ loadData });
right:10rpx;
bottom:50rpx;
width:264rpx;
height:298rpx;
z-index:6
}
}
@@ -1384,3 +1300,169 @@ defineExpose({ loadData });
filter: grayscale(100%);
}
</style>
<style lang="scss" scoped>
@media (min-width: 800px) {
.container-search {
.search-input {
height: 120rpx;
.icon {
width: 60rpx;
height: 60rpx;
}
.inpute {
font-size: 32rpx;
}
}
}
.bg-robot {
margin-top: -150rpx;
}
.ai-card-out {
margin-top: -100rpx;
.ai-card .ai-card-inner {
.title {
font-size: 40rpx;
}
.item-box {
height: 400rpx;
.title {
font-size: 42rpx;
}
.des {
font-size: 30rpx;
}
.item1 {
.bg-img {
width: 250rpx;
}
}
.item2 {
.bg-img {
width: 320rpx;
right: -70rpx;
}
}
.item3 {
.bg-img {
width: 160rpx;
}
}
}
.tip {
height: 100rpx;
.icon {
width: 50rpx;
height: 50rpx;
}
.text {
font-size: 32rpx;
}
}
}
}
.match-card-out {
.match-card {
.title {
font-size: 40rpx;
}
}
.match-item-container {
height: 650rpx;
}
}
.cards {
.card {
.card-title {
font-size: 40rpx;
}
.card-text {
font-size: 30rpx;
}
height: 270rpx;
.img1 {
width: 300rpx;
}
.img2 {
width: 240rpx;
}
}
}
.list-card {
.video-mask {
width: 400rpx;
}
.nav-filter {
.filter-top {
.add-icon {
width: 70rpx;
height: 70rpx;
}
.tab-scroll {
.jobs-left {
.job {
font-size: 40rpx;
}
}
}
}
.filter-bottom {
.btm-left {
.filterbtm {
font-size: 32rpx;
padding: 10rpx 40rpx;
}
}
.btm-right {
font-size: 32rpx;
}
.right-sx {
width: 20rpx;
height: 20rpx;
}
}
}
.table-list {
.falls-scroll {
.falls {
.item {
.falls-card {
.falls-card-title {
font-size: 36rpx;
}
.falls-card-pay {
.pay-text {
::v-deep .texts {
.num {
font-size: 50rpx;
}
.unit {
font-size: 40rpx;
}
.gap {
font-size: 40rpx;
}
}
}
}
.falls-card-education {
font-size: 28rpx;
}
.falls-card-experience {
font-size: 28rpx;
}
.falls-card-pepleNumber {
font-size: 28rpx;
}
.falls-card-company2 {
font-size: 28rpx;
}
}
}
}
}
}
}
}
</style>

125
pages/index/components/index-two.vue
View File

@@ -4,20 +4,8 @@
<view class="filter-top" @touchmove.stop.prevent>
<scroll-view :scroll-x="true" :show-scrollbar="false" class="tab-scroll">
<view class="jobs-left">
<view
class="job button-click"
:class="{ active: state.tabIndex === 'all' }"
@click="choosePosition('all')"
>
全部
</view>
<view
class="job button-click"
:class="{ active: state.tabIndex === index }"
v-for="(item, index) in userInfo.jobTitle"
:key="index"
@click="choosePosition(index)"
>
<view class="job button-click" :class="{ active: state.tabIndex === 'all' }" @click="choosePosition('all')"> 全部 </view>
<view class="job button-click" :class="{ active: state.tabIndex === index }" v-for="(item, index) in userInfo.jobTitle" :key="index" @click="choosePosition(index)">
{{ item }}
</view>
</view>
@@ -31,12 +19,7 @@
<view class="cards">
<scroll-view :scroll-y="true" class="tab-scroll" @scrolltolower="scrollBottom">
<view class="scroll-content">
<custom-waterfalls-flow
ref="waterfallsFlowRef"
:column="columnCount"
:columnSpace="columnSpace"
:value="list"
>
<custom-waterfalls-flow ref="waterfallsFlowRef" :column="columnCount" :columnSpace="columnSpace" :value="list">
<template v-slot:default="job">
<view class="slot-item">
<view class="job-image btn-feel" @click="nextVideo(job)">
@@ -45,11 +28,7 @@
</view>
<view class="job-info" @click="nextDetail(job)">
<view class="salary">
<Salary-Expectation
:max-salary="job.maxSalary"
:min-salary="job.minSalary"
:is-month="true"
></Salary-Expectation>
<Salary-Expectation :max-salary="job.maxSalary" :min-salary="job.minSalary" :is-month="true"></Salary-Expectation>
<image v-if="job.isHot" class="flame" src="/static/icon/flame.png"></image>
</view>
<view class="title">{{ job.jobTitle }}</view>
@@ -70,15 +49,15 @@
</template>
<script setup>
import { reactive, inject, watch, ref, onMounted, watchEffect, nextTick } from 'vue';
import { usePagination } from '@/hook/usePagination';
const { $api, navTo } = inject('globalFunction');
import { storeToRefs } from 'pinia';
import useUserStore from '@/stores/useUserStore';
import img from '@/static/icon/filter.png';
import useLocationStore from '@/stores/useLocationStore';
import { useColumnCount } from '@/hook/useColumnCount';
import { useRecommedIndexedDBStore, jobRecommender } from '@/stores/useRecommedIndexedDBStore.js';
import { reactive, inject, watch, ref, onMounted, watchEffect, nextTick } from "vue";
import { usePagination } from "@/hook/usePagination";
const { $api, navTo } = inject("globalFunction");
import { storeToRefs } from "pinia";
import useUserStore from "@/stores/useUserStore";
import img from "@/static/icon/filter.png";
import useLocationStore from "@/stores/useLocationStore";
import { useColumnCount } from "@/hook/useColumnCount";
import { useRecommedIndexedDBStore, jobRecommender } from "@/stores/useRecommedIndexedDBStore.js";
const recommedIndexDb = useRecommedIndexedDBStore();
// status
const { userInfo } = storeToRefs(useUserStore());
@@ -86,32 +65,38 @@ const isLoaded = ref(false);
const waterfallsFlowRef = ref(null);
const loadmoreRef = ref(null);
const state = reactive({
tabIndex: 'all',
tabIndex: "all",
});
// 响应式搜索条件（可以被修改）
const searchParams = ref({});
const pageSize = ref(10);
const { list, loading, refresh, loadMore,finished } = usePagination(
(params) => $api.createRequest('/app/job/littleVideo', params),
const { list, loading, refresh, loadMore, finished } = usePagination(
(params) => $api.createRequest("/app/job/littleVideo", params),
dataToImg, // 转换函数
{
pageSize: pageSize,
search: searchParams,
dataKey: 'data',
dataKey: "data",
onBeforeRequest: () => {
loadmoreRef.value?.change('loading');
if (!finished) {
loadmoreRef.value?.change("loading");
}
},
}
);
watch(()=>finished.value, (newVal) => {
watch(
() => finished.value,
(newVal) => {
console.log(newVal,'+++++')
if (newVal) {
// 确保瀑布流组件知道数据已加载完成
loadmoreRef.value?.change('noMore')
}else{
loadmoreRef.value?.change('more')
loadmoreRef.value?.change("noMore");
} else {
loadmoreRef.value?.change("more");
}
})
}
);
// function imageloaded() {
// nextTick(() => {
@@ -145,13 +130,13 @@ async function loadData() {
async function choosePosition(index) {
state.tabIndex = index;
if (index === 'all') {
searchParams.value.jobTitle = '';
if (index === "all") {
searchParams.value.jobTitle = "";
} else {
searchParams.value.jobTitle = userInfo.value.jobTitle[index];
}
console.log(searchParams.value);
refresh('refresh');
refresh("refresh");
waterfallsFlowRef.value.refresh();
}
@@ -345,3 +330,49 @@ defineExpose({ loadData });
width: 26rpx
}
</style>
<style lang="scss" scoped>
@media (min-width: 800px) {
.nav-filter {
padding: 30rpx 40rpx;
.filter-top {
.tab-scroll {
.jobs-left {
.job {
font-size: 36rpx;
}
.active {
font-size: 42rpx;
}
}
}
.jobs-add {
font-size: 36rpx;
.iconsearch {
font-size: 50rpx !important;
}
}
}
}
.slot-item{
.job-image{
height: 500rpx;
}
.salary{
font-size: 38rpx;
}
.title{
font-size: 40rpx;
}
.desc{
.point3{
width: 40rpx;
height:40rpx ;
}
.descText{
font-size: 32rpx;
}
}
}
}
</style>

49
pages/login/login.vue
View File

@@ -492,3 +492,52 @@ function complete() {
text-align: center;
line-height: 90rpx
</style>
<style lang="scss" scoped>
@media(min-width: 800px){
.content-one{
.content-title{
.title-lf{
font-size: 50rpx;
.lf-text{
margin-top: 10rpx;
font-size: 34rpx;
}
}
.title-ri{
font-size: 50rpx;
}
}
.content-input{
.input-titile{
font-size: 36rpx;
}
.input-con{
font-size: 36rpx;
padding-bottom: 20rpx;
&::before{
width: 5rpx;
height: 28rpx;
}
&::after{
width: 5rpx;
height: 28rpx;
}
}
}
.content-sex{
.sex-titile{
font-size: 36rpx;
}
.sext-ri{
.sext-box{
font-size: 36rpx;
}
}
}
.next-btn{
font-size: 38rpx;
}
}
}
</style>

90
pages/mine/mine.vue
View File

@@ -62,7 +62,7 @@
<text class="left-text">素质测评</text>
</view>
<view class="row-right">
<uni-icons color="#909090" type="right" size="14"></uni-icons>
<uni-icons class="icon" color="#909090" type="right" size="14"></uni-icons>
</view>
</view>
<view class="main-row btn-feel">
@@ -71,7 +71,7 @@
<text class="left-text">AI面试</text>
</view>
<view class="row-right">
<uni-icons color="#909090" type="right" size="14"></uni-icons>
<uni-icons class="icon" color="#909090" type="right" size="14"></uni-icons>
</view>
</view>
<view class="main-row btn-feel">
@@ -318,3 +318,89 @@ function chooseFileUploadTest(pam) {}
background: #A2A2A2;
transform: rotate(45deg)
</style>
<style lang="scss" scoped>
@media(min-width: 800px){
.mine-userinfo{
&::before{
width: 6rpx;
height: 50rpx;
}
&::after{
width: 6rpx;
height: 50rpx;
top: calc(50% + 6rpx);
}
.userindo-head{
width: 150rpx;
height: 150rpx;
}
.userinfo-ls{
.userinfo-ls-name{
font-size: 55rpx;
}
.userinfo-ls-resume{
font-size: 38rpx;
}
}
}
.mini-number{
.numbe-item{
.mini-num{
font-size: 70rpx;
}
.mini-text{
font-size: 40rpx;
}
}
}
.mini-cards{
.card-top{
padding: 60rpx 40rpx;
.top-title{
font-size: 50rpx;
}
.top-subTitle{
font-size: 40rpx;
}
.top-btn{
top: 85rpx;
font-size: 40rpx;
width: 200rpx;
height: 80rpx;
line-height: 80rpx;
}
}
.card-main{
padding: 40rpx;
.main-title{
font-size: 40rpx;
}
.main-row{
.row-left{
.left-img{
width: 70rpx;
height: 70rpx;
margin-right: 30rpx;
}
.left-text{
font-size: 36rpx;
}
}
.row-right{
font-size: 34rpx;
.icon{
font-size: 40rpx !important;
}
}
}
}
.card-back{
height: 120rpx;
line-height: 120rpx;
font-size: 40rpx;
}
}
}
</style>

19
pages/msglog/msglog.vue
View File

@@ -244,3 +244,22 @@ function changeSwiperMsgType(e) {
display: flex;
flex-direction: column;
</style>
<style lang="scss" scoped>
@media(min-width: 800px){
.app-container{
.container-header{
padding: 40rpx 44rpx 36rpx 50rpx;
.header-btnLf{
font-size: 42rpx;
width: 250rpx;
}
.active{
font-size: 46rpx;
}
}
}
}
</style>

23
pages/msglog/read.vue
View File

@@ -150,3 +150,26 @@ defineExpose({ loadData });
color: #6C7282;
margin-top: 4rpx;
</style>
<style lang="scss" scoped>
@media(min-width: 800px){
.list-card{
padding: 40rpx;
.card-img{
width: 120rpx;
height: 120rpx;
}
.card-info{
.info-title{
font-size: 38rpx;
.card-time{
font-size: 36rpx;
}
}
.info-text{
font-size: 32rpx;
}
}
}
}
</style>

22
pages/msglog/unread.vue
View File

@@ -136,3 +136,25 @@ defineExpose({ loadData });
color: #6C7282;
margin-top: 4rpx;
</style>
<style lang="scss" scoped>
@media(min-width: 800px){
.list-card{
padding: 40rpx;
.card-img{
width: 120rpx;
height: 120rpx;
}
.card-info{
.info-title{
font-size: 38rpx;
.card-time{
font-size: 36rpx;
}
}
.info-text{
font-size: 32rpx;
}
}
}
}
</style>

80
pages/search/search.vue
View File

@@ -68,7 +68,7 @@
<view class="content-top">
<view class="top-left">历史搜索</view>
<view class="top-right button-click" @click="remove">
<uni-icons type="trash" color="#C1C1C1" size="20"></uni-icons>
<uni-icons class="delete" type="trash" color="#C1C1C1" size="20"></uni-icons>
</view>
</view>
<view class="content-history">
@@ -459,3 +459,81 @@ function dataToImg(data) {
color: #6C7282;
margin-top: 6rpx;
</style>
<style lang="scss" scoped>
@media(min-width: 800px){
.container{
.top{
.btnback{
width: 80rpx;
height: 80rpx;
}
.search-box{
.iconsearch{
font-size: 50rpx !important;
}
.inputed{
font-size: 40rpx;
padding-left: 100rpx;
height: 120rpx;
}
.inputplace{
font-size: 40rpx;
}
}
.search-btn{
font-size: 40rpx;
}
}
.view-top{
padding: 10rpx 0;
.top-item{
font-size: 36rpx;
&::after{
width: 40rpx;
height: 8rpx;
left: calc(50% - 20rpx);
}
}
.active{
font-size: 38rpx;
}
}
.main-content{
.content-top{
.top-left{
font-size: 40rpx;
}
.top-right{
.delete{
font-size: 60rpx !important;
}
}
}
}
}
.slot-item{
.job-image{
height: 500rpx;
}
.salary{
font-size: 38rpx;
}
.title{
font-size: 40rpx;
}
.desc{
font-size: 32rpx;
.point3{
width: 40rpx;
height:40rpx ;
}
.descText{
font-size: 32rpx;
}
}
}
}
</style>

BIN
static/icon/item-bg-img1.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 22 KiB

After

Width:  |  Height:  |  Size: 67 KiB

BIN
static/icon/item-bg-img2.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 11 KiB

After

Width:  |  Height:  |  Size: 32 KiB

BIN
static/icon/item-bg-img3.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 9.7 KiB

After

Width:  |  Height:  |  Size: 28 KiB

BIN
static/icon/work-img1.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 5.7 KiB

After

Width:  |  Height:  |  Size: 33 KiB

BIN
static/icon/work-img2.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 5.7 KiB

After

Width:  |  Height:  |  Size: 35 KiB

13
uni_modules/uni-load-more/components/uni-load-more/uni-load-more.vue
View File

@@ -402,3 +402,16 @@
/* #endif */
</style>
<style lang="scss">
@media (min-width: 800px) {
.uni-load-more__text {
font-size: 18px !important;
}
.uni-load-more__img {
width: 30px !important;
height: 30px !important;
}
}
</style>