|
|
|
|
@ -1,20 +1,21 @@
|
|
|
|
|
<template>
|
|
|
|
|
<div class="p-root-detail-user g_w_all g_bg_page g_kuaishou" style="position: fixed; top: 0; left: 0; ">
|
|
|
|
|
<u-navbar backIconColor="#333" :borderBottom="false" :immersive="true" :customBack="goHome" :background="{ background: navColor }" :backIconName="fromShare ? 'home' : 'arrow-left'"></u-navbar>
|
|
|
|
|
<scroll-view
|
|
|
|
|
class="scroll-container"
|
|
|
|
|
:scroll-y="true"
|
|
|
|
|
:refresher-enabled="false"
|
|
|
|
|
:refresher-triggered="false"
|
|
|
|
|
@touchstart="onTouchStart"
|
|
|
|
|
<div class="p-root-detail-user g_w_all g_bg_page g_kuaishou">
|
|
|
|
|
<u-navbar backIconColor="#333"
|
|
|
|
|
:borderBottom="false"
|
|
|
|
|
:immersive="true"
|
|
|
|
|
:customBack="goHome"
|
|
|
|
|
:background="background"
|
|
|
|
|
:backIconName="fromShare ? 'home' : 'arrow-left'"
|
|
|
|
|
></u-navbar>
|
|
|
|
|
<!-- @touchstart="onTouchStart"
|
|
|
|
|
@touchmove="onTouchMove"
|
|
|
|
|
@touchend="onTouchEnd"
|
|
|
|
|
@touchend="onTouchEnd" -->
|
|
|
|
|
<view
|
|
|
|
|
class="scroll-container"
|
|
|
|
|
|
|
|
|
|
>
|
|
|
|
|
<view class="background-container"
|
|
|
|
|
style="width: 100%;overflow: hidden;"
|
|
|
|
|
>
|
|
|
|
|
<view class="background-container"
|
|
|
|
|
style="width: 100%;overflow: hidden;"
|
|
|
|
|
<view class="background-container"
|
|
|
|
|
style="width: 100%;overflow: hidden;"
|
|
|
|
|
>
|
|
|
|
|
<view class="u-navbar-fixed"
|
|
|
|
|
:style="{
|
|
|
|
|
@ -22,12 +23,11 @@
|
|
|
|
|
'background-size': '100% 100%',
|
|
|
|
|
'width':'calc(100vw + ' + backgroundScale + 'px)',
|
|
|
|
|
'height': 'calc(' + (100/1.78).toFixed(2) + 'vw + ' + backgroundScale + 'px)',
|
|
|
|
|
'zoom': (1 + backgroundScale * 0.005)
|
|
|
|
|
'zoom': (1 + backgroundScale * 0.018)
|
|
|
|
|
}"
|
|
|
|
|
>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
<div class="con-obj" style="background-color: #caf1e0 !important"
|
|
|
|
|
>
|
|
|
|
|
<view class="m-info g_p_20 g_pt_12 g_pb_0 g_bg_f g_position_rela" hover-class="none" style="margin-top: 0; border-radius: 8px 8px 0 0">
|
|
|
|
|
@ -122,7 +122,7 @@
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</scroll-view>
|
|
|
|
|
</view>
|
|
|
|
|
<!-- 发布职位确认框 -->
|
|
|
|
|
<u-modal v-model="submitConfirm" width="90%" negativeTop="150" confirmText="发布职位" :showTitle="false" :confirmStyle="{ color: '#576b95', 'font-weight': 600 }" :cancelStyle="{ color: '#000', 'font-weight': 600 }" :showConfirmButton="false">
|
|
|
|
|
<div class="g_fs_17 g_text_c">
|
|
|
|
|
@ -338,17 +338,25 @@ export default {
|
|
|
|
|
|
|
|
|
|
if (e.touches && e.touches.length > 0) {
|
|
|
|
|
this.moveY = e.touches[0].pageY;
|
|
|
|
|
const query = uni.createSelectorQuery().in(this);
|
|
|
|
|
query.select('.scroll-container').boundingClientRect(data => {
|
|
|
|
|
if (data) {
|
|
|
|
|
const scrollTop = data.scrollTop || 0;
|
|
|
|
|
if (scrollTop <= 0 && this.moveY > this.startY) {
|
|
|
|
|
const pullDistance = this.moveY - this.startY;
|
|
|
|
|
this.backgroundScale++;
|
|
|
|
|
this.mtScroll++;
|
|
|
|
|
const moveDistance = this.moveY - this.startY;
|
|
|
|
|
|
|
|
|
|
// 只有向下移动（moveDistance > 0）时才触发下拉效果
|
|
|
|
|
if (moveDistance > 0) {
|
|
|
|
|
const query = uni.createSelectorQuery().in(this);
|
|
|
|
|
query.select('.scroll-container').boundingClientRect(data => {
|
|
|
|
|
if (data) {
|
|
|
|
|
const scrollTop = data.scrollTop || 0;
|
|
|
|
|
// 只有在滚动到顶部且向下拉动时才执行缩放
|
|
|
|
|
if (scrollTop <= 0) {
|
|
|
|
|
// 根据移动距离计算缩放值，使效果更自然
|
|
|
|
|
// 可以调整 divisor（这里是80）来改变缩放的灵敏度
|
|
|
|
|
const scaleValue = Math.min(moveDistance / 40, 5); // 限制最大缩放值
|
|
|
|
|
this.backgroundScale = scaleValue;
|
|
|
|
|
this.mtScroll = scaleValue;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}).exec();
|
|
|
|
|
}).exec();
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
@ -377,6 +385,16 @@ export default {
|
|
|
|
|
};
|
|
|
|
|
animate();
|
|
|
|
|
},
|
|
|
|
|
onScrollToLower() {
|
|
|
|
|
let that = this;
|
|
|
|
|
if (!that.isLogin) {
|
|
|
|
|
return false;
|
|
|
|
|
}
|
|
|
|
|
if (that.query.isFinish == -1 || that.query.isFinish == that.query.size) {
|
|
|
|
|
that.query.page++;
|
|
|
|
|
that.getDefault("concat");
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
goHome() {
|
|
|
|
|
if (this.fromShare) {
|
|
|
|
|
|
