隐藏一体机下部分模块 修改扫码登录页
This commit is contained in:
2
App.vue
2
App.vue
@@ -19,7 +19,7 @@ onLaunch((options) => {
|
|||||||
useUserStore().changMachineEnv(false);
|
useUserStore().changMachineEnv(false);
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
if (isY9MachineType()) {
|
if (1==1) {
|
||||||
console.warn('求职一体机环境');
|
console.warn('求职一体机环境');
|
||||||
baseDB.resetAndReinit(); // 清空indexdb
|
baseDB.resetAndReinit(); // 清空indexdb
|
||||||
useUserStore().logOutApp();
|
useUserStore().logOutApp();
|
||||||
|
|||||||
@@ -1012,6 +1012,7 @@ image-margin-top = 40rpx
|
|||||||
left: 0
|
left: 0
|
||||||
padding: 10rpx 0 10rpx 30rpx
|
padding: 10rpx 0 10rpx 30rpx
|
||||||
box-shadow: 0rpx -4rpx 10rpx 0rpx rgba(11,44,112,0.06);
|
box-shadow: 0rpx -4rpx 10rpx 0rpx rgba(11,44,112,0.06);
|
||||||
|
z-index:1
|
||||||
.uploadfiles-scroll
|
.uploadfiles-scroll
|
||||||
height: 100%
|
height: 100%
|
||||||
.uploadfiles-list
|
.uploadfiles-list
|
||||||
|
|||||||
@@ -3,20 +3,21 @@
|
|||||||
<!-- 扫码登录-->
|
<!-- 扫码登录-->
|
||||||
<view class="alipay-login-container" v-if="isMachineEnv">
|
<view class="alipay-login-container" v-if="isMachineEnv">
|
||||||
<view class="login-scan-area">
|
<view class="login-scan-area">
|
||||||
<view class="login-title">支付宝扫码登录</view>
|
<view class="login-title">扫码登录</view>
|
||||||
|
<view class="qrcode-tips">
|
||||||
|
<text class="tips-text">请将二维码对准机器下方</text>
|
||||||
|
<!-- <text class="tips-subtext">扫一扫后点击确认完成登录</text> -->
|
||||||
|
</view>
|
||||||
<view class="qrcode-container">
|
<view class="qrcode-container">
|
||||||
<view class="qrcode-wrapper" @click="refreshQrcode">
|
<view class="qrcode-wrapper" @click="refreshQrcode">
|
||||||
<view class="qrcode-border">
|
<view class="qrcode-border">
|
||||||
<view class="qrcode-content">
|
<view class="qrcode-content">
|
||||||
<view class="qrcode-pattern">
|
<view class="qrcode-pattern">
|
||||||
<image
|
<image class="qrcode-img" src="@/static/icon/qrcode.png"/>
|
||||||
class="qrcode-img"
|
|
||||||
src="@/static/icon/qrcode-example.png"
|
|
||||||
mode="scaleToFill"
|
|
||||||
/>
|
|
||||||
<view class="qrcode-corner top-left"></view>
|
<view class="qrcode-corner top-left"></view>
|
||||||
<view class="qrcode-corner top-right"></view>
|
<view class="qrcode-corner top-right"></view>
|
||||||
<view class="qrcode-corner bottom-left"></view>
|
<view class="qrcode-corner bottom-left"></view>
|
||||||
|
<view class="qrcode-corner bottom-right"></view>
|
||||||
<view class="scan-line" :style="{ top: scanLineTop + 'rpx' }"></view>
|
<view class="scan-line" :style="{ top: scanLineTop + 'rpx' }"></view>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
@@ -29,18 +30,6 @@
|
|||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
<view class="qrcode-tips">
|
|
||||||
<text class="tips-text">使用支付宝扫一扫登录</text>
|
|
||||||
<text class="tips-subtext">扫一扫后点击确认完成登录</text>
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
<!-- 刷新提示 -->
|
|
||||||
<view class="refresh-tips" v-if="countdown > 0">
|
|
||||||
<view class="countdown-text">
|
|
||||||
<span class="countdown-num">{{ countdown }}</span>
|
|
||||||
秒后二维码过期
|
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
@@ -129,12 +118,7 @@
|
|||||||
</view>
|
</view>
|
||||||
<view class="content-input" @click="changeArea">
|
<view class="content-input" @click="changeArea">
|
||||||
<view class="input-titile">求职区域</view>
|
<view class="input-titile">求职区域</view>
|
||||||
<input
|
<input class="input-con" v-model="state.areaText" disabled placeholder="请选择您的求职区域" />
|
||||||
class="input-con"
|
|
||||||
v-model="state.areaText"
|
|
||||||
disabled
|
|
||||||
placeholder="请选择您的求职区域"
|
|
||||||
/>
|
|
||||||
</view>
|
</view>
|
||||||
<view class="content-input" @click="changeJobs">
|
<view class="content-input" @click="changeJobs">
|
||||||
<view class="input-titile">求职岗位</view>
|
<view class="input-titile">求职岗位</view>
|
||||||
@@ -150,12 +134,7 @@
|
|||||||
</view>
|
</view>
|
||||||
<view class="content-input" @click="changeSalay">
|
<view class="content-input" @click="changeSalay">
|
||||||
<view class="input-titile">期望薪资</view>
|
<view class="input-titile">期望薪资</view>
|
||||||
<input
|
<input class="input-con" v-model="state.salayText" disabled placeholder="请选择您的期望薪资" />
|
||||||
class="input-con"
|
|
||||||
v-model="state.salayText"
|
|
||||||
disabled
|
|
||||||
placeholder="请选择您的期望薪资"
|
|
||||||
/>
|
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="next-btn" @tap="complete">开启求职之旅</view>
|
<view class="next-btn" @tap="complete">开启求职之旅</view>
|
||||||
@@ -209,11 +188,8 @@ const fromValue = reactive({
|
|||||||
});
|
});
|
||||||
|
|
||||||
// 扫码登录相关状态
|
// 扫码登录相关状态
|
||||||
const qrcodeExpired = ref(false);
|
|
||||||
const scanLineTop = ref(0);
|
const scanLineTop = ref(0);
|
||||||
const countdown = ref(0);
|
|
||||||
let scanInterval = null;
|
let scanInterval = null;
|
||||||
let countdownTimer = null;
|
|
||||||
// 登录成功提示
|
// 登录成功提示
|
||||||
const showSuccessTip = ref(false);
|
const showSuccessTip = ref(false);
|
||||||
|
|
||||||
@@ -224,7 +200,6 @@ onLoad((parmas) => {
|
|||||||
|
|
||||||
onMounted(() => {
|
onMounted(() => {
|
||||||
startScanAnimation();
|
startScanAnimation();
|
||||||
resetCountdown();
|
|
||||||
// 模拟扫码成功
|
// 模拟扫码成功
|
||||||
setTimeout(() => {
|
setTimeout(() => {
|
||||||
// showSuccessTip.value=true
|
// showSuccessTip.value=true
|
||||||
@@ -233,33 +208,8 @@ onMounted(() => {
|
|||||||
onUnmounted(() => {
|
onUnmounted(() => {
|
||||||
showSuccessTip.value = false;
|
showSuccessTip.value = false;
|
||||||
stopScanAnimation();
|
stopScanAnimation();
|
||||||
clearInterval(countdownTimer);
|
|
||||||
});
|
});
|
||||||
|
|
||||||
// 刷新二维码
|
|
||||||
const refreshQrcode = () => {
|
|
||||||
qrcodeExpired.value = false;
|
|
||||||
resetCountdown();
|
|
||||||
startScanAnimation();
|
|
||||||
// TODO
|
|
||||||
};
|
|
||||||
|
|
||||||
// 重置倒计时
|
|
||||||
const resetCountdown = () => {
|
|
||||||
countdown.value = 60;
|
|
||||||
clearInterval(countdownTimer);
|
|
||||||
|
|
||||||
countdownTimer = setInterval(() => {
|
|
||||||
if (countdown.value > 0) {
|
|
||||||
countdown.value--;
|
|
||||||
} else {
|
|
||||||
qrcodeExpired.value = true;
|
|
||||||
clearInterval(countdownTimer);
|
|
||||||
stopScanAnimation();
|
|
||||||
}
|
|
||||||
}, 1000);
|
|
||||||
};
|
|
||||||
|
|
||||||
// 开始扫描动画
|
// 开始扫描动画
|
||||||
const startScanAnimation = () => {
|
const startScanAnimation = () => {
|
||||||
clearInterval(scanInterval);
|
clearInterval(scanInterval);
|
||||||
@@ -454,7 +404,7 @@ function complete() {
|
|||||||
font-size: 36rpx;
|
font-size: 36rpx;
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
color: #1677ff;
|
color: #1677ff;
|
||||||
margin-bottom: 40rpx;
|
margin-bottom: 20rpx;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -499,6 +449,7 @@ function complete() {
|
|||||||
height: 300rpx;
|
height: 300rpx;
|
||||||
background-color: #fff;
|
background-color: #fff;
|
||||||
position: relative;
|
position: relative;
|
||||||
|
padding: 30rpx;
|
||||||
}
|
}
|
||||||
.qrcode-img {
|
.qrcode-img {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
@@ -534,6 +485,13 @@ function complete() {
|
|||||||
border-top: none;
|
border-top: none;
|
||||||
border-radius: 0 0 0 10rpx;
|
border-radius: 0 0 0 10rpx;
|
||||||
}
|
}
|
||||||
|
&.bottom-right {
|
||||||
|
bottom: 0;
|
||||||
|
right: 0;
|
||||||
|
border-left: none;
|
||||||
|
border-top: none;
|
||||||
|
border-radius: 0 0 10rpx 0;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.scan-line {
|
.scan-line {
|
||||||
@@ -542,7 +500,8 @@ function complete() {
|
|||||||
left: 0;
|
left: 0;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 6rpx;
|
height: 6rpx;
|
||||||
background: linear-gradient(90deg, transparent, #1677ff, transparent);
|
background: linear-gradient(90deg, transparent, #217bf9, transparent);
|
||||||
|
box-shadow: 0 -6rpx 4rpx #ffffff;
|
||||||
z-index: 10;
|
z-index: 10;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -599,18 +558,6 @@ function complete() {
|
|||||||
margin-bottom: 40rpx;
|
margin-bottom: 40rpx;
|
||||||
}
|
}
|
||||||
|
|
||||||
.countdown-text {
|
|
||||||
font-size: 24rpx;
|
|
||||||
color: #999;
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
}
|
|
||||||
.countdown-num {
|
|
||||||
margin-right: 5rpx;
|
|
||||||
color: #1677ff;
|
|
||||||
font-size: 30rpx;
|
|
||||||
}
|
|
||||||
|
|
||||||
.switch-method {
|
.switch-method {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
display: flex;
|
display: flex;
|
||||||
|
|||||||
Binary file not shown.
|
Before Width: | Height: | Size: 2.8 KiB |
BIN
static/icon/qrcode.png
Normal file
BIN
static/icon/qrcode.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.1 KiB |
Reference in New Issue
Block a user