隐藏一体机下部分模块 修改扫码登录页
This commit is contained in:
2
App.vue
2
App.vue
@@ -19,7 +19,7 @@ onLaunch((options) => {
|
||||
useUserStore().changMachineEnv(false);
|
||||
return;
|
||||
}
|
||||
if (isY9MachineType()) {
|
||||
if (1==1) {
|
||||
console.warn('求职一体机环境');
|
||||
baseDB.resetAndReinit(); // 清空indexdb
|
||||
useUserStore().logOutApp();
|
||||
|
||||
@@ -1012,6 +1012,7 @@ image-margin-top = 40rpx
|
||||
left: 0
|
||||
padding: 10rpx 0 10rpx 30rpx
|
||||
box-shadow: 0rpx -4rpx 10rpx 0rpx rgba(11,44,112,0.06);
|
||||
z-index:1
|
||||
.uploadfiles-scroll
|
||||
height: 100%
|
||||
.uploadfiles-list
|
||||
|
||||
@@ -3,20 +3,21 @@
|
||||
<!-- 扫码登录-->
|
||||
<view class="alipay-login-container" v-if="isMachineEnv">
|
||||
<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-wrapper" @click="refreshQrcode">
|
||||
<view class="qrcode-border">
|
||||
<view class="qrcode-content">
|
||||
<view class="qrcode-pattern">
|
||||
<image
|
||||
class="qrcode-img"
|
||||
src="@/static/icon/qrcode-example.png"
|
||||
mode="scaleToFill"
|
||||
/>
|
||||
<image class="qrcode-img" src="@/static/icon/qrcode.png"/>
|
||||
<view class="qrcode-corner top-left"></view>
|
||||
<view class="qrcode-corner top-right"></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>
|
||||
|
||||
@@ -29,18 +30,6 @@
|
||||
</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>
|
||||
@@ -129,12 +118,7 @@
|
||||
</view>
|
||||
<view class="content-input" @click="changeArea">
|
||||
<view class="input-titile">求职区域</view>
|
||||
<input
|
||||
class="input-con"
|
||||
v-model="state.areaText"
|
||||
disabled
|
||||
placeholder="请选择您的求职区域"
|
||||
/>
|
||||
<input class="input-con" v-model="state.areaText" disabled placeholder="请选择您的求职区域" />
|
||||
</view>
|
||||
<view class="content-input" @click="changeJobs">
|
||||
<view class="input-titile">求职岗位</view>
|
||||
@@ -150,12 +134,7 @@
|
||||
</view>
|
||||
<view class="content-input" @click="changeSalay">
|
||||
<view class="input-titile">期望薪资</view>
|
||||
<input
|
||||
class="input-con"
|
||||
v-model="state.salayText"
|
||||
disabled
|
||||
placeholder="请选择您的期望薪资"
|
||||
/>
|
||||
<input class="input-con" v-model="state.salayText" disabled placeholder="请选择您的期望薪资" />
|
||||
</view>
|
||||
</view>
|
||||
<view class="next-btn" @tap="complete">开启求职之旅</view>
|
||||
@@ -209,11 +188,8 @@ const fromValue = reactive({
|
||||
});
|
||||
|
||||
// 扫码登录相关状态
|
||||
const qrcodeExpired = ref(false);
|
||||
const scanLineTop = ref(0);
|
||||
const countdown = ref(0);
|
||||
let scanInterval = null;
|
||||
let countdownTimer = null;
|
||||
// 登录成功提示
|
||||
const showSuccessTip = ref(false);
|
||||
|
||||
@@ -224,7 +200,6 @@ onLoad((parmas) => {
|
||||
|
||||
onMounted(() => {
|
||||
startScanAnimation();
|
||||
resetCountdown();
|
||||
// 模拟扫码成功
|
||||
setTimeout(() => {
|
||||
// showSuccessTip.value=true
|
||||
@@ -233,33 +208,8 @@ onMounted(() => {
|
||||
onUnmounted(() => {
|
||||
showSuccessTip.value = false;
|
||||
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 = () => {
|
||||
clearInterval(scanInterval);
|
||||
@@ -454,7 +404,7 @@ function complete() {
|
||||
font-size: 36rpx;
|
||||
font-weight: 600;
|
||||
color: #1677ff;
|
||||
margin-bottom: 40rpx;
|
||||
margin-bottom: 20rpx;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
@@ -499,6 +449,7 @@ function complete() {
|
||||
height: 300rpx;
|
||||
background-color: #fff;
|
||||
position: relative;
|
||||
padding: 30rpx;
|
||||
}
|
||||
.qrcode-img {
|
||||
width: 100%;
|
||||
@@ -534,6 +485,13 @@ function complete() {
|
||||
border-top: none;
|
||||
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 {
|
||||
@@ -542,7 +500,8 @@ function complete() {
|
||||
left: 0;
|
||||
width: 100%;
|
||||
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;
|
||||
}
|
||||
|
||||
@@ -599,18 +558,6 @@ function complete() {
|
||||
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 {
|
||||
width: 100%;
|
||||
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