167 lines
3.6 KiB
Vue
167 lines
3.6 KiB
Vue
|
<template>
|
|||
|
<view class="login-container">
|
|||
|
<view class="title">
|
|||
|
<image class="title-imge" src="/static/index/nu.png" @click="ceshi" />
|
|||
|
<view class="title-font">
|
|||
|
<view class="">您好,</view>
|
|||
|
<view class="">欢迎使用护理单元~</view>
|
|||
|
</view>
|
|||
|
</view>
|
|||
|
<image class="photo-imge" src="/static/index/bgc.png" />
|
|||
|
<image class="old-imge" src="/static/index/old.png" />
|
|||
|
<view class="under-container">
|
|||
|
<three @updateCenterIndex="changePhoto" />
|
|||
|
<view class="font-father">
|
|||
|
<view class="font">
|
|||
|
{{fontArray[itemTarget]}}
|
|||
|
</view>
|
|||
|
</view>
|
|||
|
<view class="button-father" v-show="itemTarget==0">
|
|||
|
<view class="button-blue" @click="jumpToindex">
|
|||
|
绑定单元
|
|||
|
</view>
|
|||
|
</view>
|
|||
|
<view class="button-father" v-show="itemTarget==2">
|
|||
|
<view class="button-blue" style="margin-right: 30rpx;" @click="gotowork(0)">
|
|||
|
审核详情
|
|||
|
</view>
|
|||
|
<view class="button-blue" @click="">
|
|||
|
申请入驻
|
|||
|
</view>
|
|||
|
</view>
|
|||
|
<view class="button-father" v-show="itemTarget==1">
|
|||
|
<view class="button-blue" style="margin-right: 30rpx;" @click="gotowork(1)">
|
|||
|
审核详情
|
|||
|
</view>
|
|||
|
<view class="button-blue" @click="gotoadd">
|
|||
|
申请加盟
|
|||
|
</view>
|
|||
|
</view>
|
|||
|
</view>
|
|||
|
</view>
|
|||
|
</template>
|
|||
|
|
|||
|
<script setup>
|
|||
|
import {
|
|||
|
reactive,
|
|||
|
ref
|
|||
|
} from 'vue';
|
|||
|
import three from "@/compontent/public/photohuadong.vue";
|
|||
|
|
|||
|
const itemTarget = ref(0);
|
|||
|
const fontArray = ["护理院日常护理涵盖生活照料、健康监测、康复护理及心理关怀,为老人提供贴心照护。", "护理员日常为老人提供饮食起居照料、协助康复训练监测健康状况,陪伴交流并做好环境清洁。",
|
|||
|
"护理员日常为老人提供饮食起居照料、协助康复训练监测健康状况,陪伴交流并做好环境清洁。"
|
|||
|
]
|
|||
|
|
|||
|
const changePhoto = (index) => {
|
|||
|
itemTarget.value = index;
|
|||
|
}
|
|||
|
|
|||
|
const jumpToindex = () => {
|
|||
|
uni.redirectTo({
|
|||
|
url: `/pages/index/index`
|
|||
|
});
|
|||
|
}
|
|||
|
const gotowork = (number) => {
|
|||
|
uni.navigateTo({
|
|||
|
url: `/pages/login/workjoin?type=${number}`
|
|||
|
});
|
|||
|
}
|
|||
|
const gotoadd = () => {
|
|||
|
uni.navigateTo({
|
|||
|
url: `/pages/addjigou/name`
|
|||
|
});
|
|||
|
}
|
|||
|
</script>
|
|||
|
|
|||
|
<style lang="scss" scoped>
|
|||
|
.login-container {
|
|||
|
display: flex;
|
|||
|
flex-direction: column;
|
|||
|
min-height: 100vh;
|
|||
|
width: 100%;
|
|||
|
background-color: rgb(239, 241, 252);
|
|||
|
position: relative;
|
|||
|
|
|||
|
.title {
|
|||
|
margin-top: 70rpx;
|
|||
|
align-items: center;
|
|||
|
|
|||
|
.title-imge {
|
|||
|
width: 100rpx;
|
|||
|
height: 105rpx;
|
|||
|
margin-left: 100rpx;
|
|||
|
}
|
|||
|
|
|||
|
.title-font {
|
|||
|
font-size: 35rpx;
|
|||
|
font-weight: 600;
|
|||
|
margin-left: 105rpx;
|
|||
|
margin-top: 10rpx;
|
|||
|
}
|
|||
|
}
|
|||
|
|
|||
|
.photo-imge {
|
|||
|
position: absolute;
|
|||
|
top: 120rpx;
|
|||
|
left: 0;
|
|||
|
width: 100%;
|
|||
|
height: 1100rpx;
|
|||
|
}
|
|||
|
|
|||
|
.old-imge {
|
|||
|
position: absolute;
|
|||
|
right: 30rpx;
|
|||
|
top: 400rpx;
|
|||
|
width: 400rpx;
|
|||
|
height: 400rpx;
|
|||
|
}
|
|||
|
|
|||
|
.under-container {
|
|||
|
position: fixed;
|
|||
|
left: 0;
|
|||
|
bottom: 0;
|
|||
|
width: 100%;
|
|||
|
height: 75%;
|
|||
|
background-color: #fff;
|
|||
|
border-top-left-radius: 50rpx;
|
|||
|
border-top-right-radius: 50rpx;
|
|||
|
box-shadow: 10rpx 10rpx 20rpx rgba(0, 0, 0, 0.1);
|
|||
|
display: flex;
|
|||
|
flex-direction: column;
|
|||
|
align-items: center;
|
|||
|
justify-content: center;
|
|||
|
}
|
|||
|
}
|
|||
|
|
|||
|
.font-father {
|
|||
|
width: 100%;
|
|||
|
color: #666666;
|
|||
|
justify-content: center;
|
|||
|
display: flex;
|
|||
|
|
|||
|
.font {
|
|||
|
width: 60%;
|
|||
|
}
|
|||
|
}
|
|||
|
|
|||
|
.button-father {
|
|||
|
width: 100%;
|
|||
|
margin-top: 80rpx;
|
|||
|
display: flex;
|
|||
|
justify-content: center;
|
|||
|
|
|||
|
.button-blue {
|
|||
|
width: 40%;
|
|||
|
display: flex;
|
|||
|
justify-content: center;
|
|||
|
align-items: center;
|
|||
|
height: 100rpx;
|
|||
|
border-radius: 43rpx;
|
|||
|
background: linear-gradient(to right, #00C9FF, #0076FF);
|
|||
|
color: #fff;
|
|||
|
font-size: 33rpx;
|
|||
|
margin-bottom: 30rpx;
|
|||
|
}
|
|||
|
}
|
|||
|
</style>
|