hldy_xcx/pages/login/specialloginafther.vue

114 lines
2.1 KiB
Vue
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<template>
<view class="font-father">
<image class="title-img" :src="`https://www.focusnu.com/media/directive/login/introduce/allbgc.png`" />
<image class="title-photo" :src="`https://www.focusnu.com/media/directive/index/bluephoto.png`" />
<view class="small-title">尊敬的用户您的手机</view>
<view class="small-title">{{ phone }}</view>
<view class="font-title">
已成功绑定
</view>
<view class="normal">
<text style="font-weight: 600;">
期待您早日加入护理单元大家庭
</text>
</view>
<view class="bottom-button" @click="jumpto">
我的机构
</view>
</view>
</template>
<script setup>
import {
onLoad
} from '@dcloudio/uni-app'
import {
reactive,
ref
} from 'vue';
const jumpto = () => {
console.log("???")
uni.redirectTo({
url: `/pages/login/threeselectone`
});
}
const phone = ref("");
onLoad((options) => {
phone.value = uni.getStorageSync('tel');
})
</script>
<style lang="scss" scoped>
.font-father {
width: 100%;
min-height: 100vh;
padding: 0 100rpx;
display: flex;
align-items: center;
flex-direction: column;
position: relative;
.font-title {
margin-top: 0rpx;
margin-bottom: 30rpx;
font-weight: 600;
font-size: 32rpx;
display: flex;
flex-direction: column;
font-size: 70rpx;
}
.bottom-button {
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: 0rpx;
margin-top: 80rpx;
margin-bottom: 170rpx;
width: 80%;
height: 100rpx;
border-radius: 50rpx;
background: linear-gradient(to left, #00C9FF, #0076FF);
color: #fff;
font-size: 40rpx;
display: flex;
justify-content: center;
align-items: center;
z-index: 3;
}
}
.title-img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100vh;
z-index: -1;
}
.small-title {
margin-bottom: 10rpx;
font-size: 34rpx;
}
.normal {
font-size: 33rpx;
margin-bottom: 20rpx;
display: flex;
flex-direction: column;
justify-content: center;
}
.title-photo {
margin-top: 300rpx;
width: 350rpx;
height: 350rpx;
z-index: 1;
}
</style>