hldy_xcx/pages/login/specialsmall.vue

159 lines
2.7 KiB
Vue
Raw Normal View History

2025-07-01 17:29:13 +08:00
<template>
<view class="font-father">
<view class="fixed">
<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">
尊敬的用户您的机构{{ special?`变更信息`:`加盟` }}
</view>
<view class="font-title">
申请已成功提交
</view>
<view class="normal">
<text>
请耐心等待审核结果
</text>
</view>
<view class="normal">
<text style="font-weight: 600;">
期待您早日加入护理单元大家庭
</text>
</view>
</view>
<view class="bottom-button" @click="jumpto">
我的机构
</view>
</view>
</template>
<script setup>
import {
onLoad
} from '@dcloudio/uni-app'
import {
reactive,
ref
} from 'vue';
import {
getMessage
} from '@/api/loginApi.js'
const special = ref(false);
const jumpto = () => {
uni.redirectTo({
url: `/pages/index/index`
});
}
onLoad((options) => {
if (options.special == `true`) {
special.value = true
}
})
</script>
<style lang="scss" scoped>
.font-father {
width: 100%;
min-height: 100vh;
padding: 0 30rpx;
display: flex;
align-items: center;
flex-direction: column;
position: relative;
background-color: rgb(239, 239, 239);
.font-title {
margin-top: 0rpx;
margin-bottom: 30rpx;
font-weight: 600;
font-size: 32rpx;
// padding: 0 30rpx;
display: flex;
flex-direction: column;
// width: 100%;
font-size: 80rpx;
// margin-left: -5rpx;
}
.bottom-button {
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: 0rpx;
margin-top: 80rpx;
margin-bottom: 170rpx;
width: 80%;
// margin-left: 30rpx;
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;
}
.fixed {
position: fixed;
top: 0;
left: 0;
background-color: #fff;
width: 100%;
z-index: 2;
padding: 0 70rpx;
display: flex;
flex-direction: column;
align-items: center;
}
.small-title {
// margin-top: 30rpx;
margin-bottom: 30rpx;
font-size: 38rpx;
// font-weight: 600;
}
.normal {
font-size: 38rpx;
margin-bottom: 20rpx;
display: flex;
flex-direction: column;
justify-content: center;
}
.title-photo{
margin-top: 300rpx;
// margin-bottom: 30rpx;
width: 350rpx;
height: 350rpx;
z-index: 1;
}
</style>