附近护理站

This commit is contained in:
闫晓茹 2022-10-13 16:31:59 +08:00
parent 85eeff1483
commit 0b88c70ed5
2 changed files with 133 additions and 107 deletions

View File

@ -3,16 +3,23 @@
"^u-(.*)": "uview-ui/components/u-$1/u-$1.vue"
},
"pages": [ //pageshttps://uniapp.dcloud.io/collocation/pages
{
"path" : "pages/site/site",
"style" :
{
"path": "pages/detail/detail",
"style": {
"navigationBarTitleText": "护理站简介",
"enablePullDownRefresh": false,
"navigationBarBackgroundColor": "#ffffff" //
}
},{
"path": "pages/site/site",
"style": {
"navigationBarTitleText": "附近护理站",
"enablePullDownRefresh": false,
"navigationBarBackgroundColor": "#ffffff"//
"navigationBarBackgroundColor": "#ffffff" //
}
},
{
"path": "pages/homepage/homepage",
"style": {

View File

@ -1,12 +1,11 @@
<template>
<view class="concent">
<view class="nursstation">
<text class="what">什么是护理站</text>
<view class="nursstation" @tap='detailed()'>
<text class="what" >什么是护理站</text>
<u-icon class="icon" name="arrow-right"></u-icon>
</view>
<view class="page-body" style="margin-top: -80rpx;">
<view class="page-section page-section-gap">
<view class="page-section page-section-gap" >
<map style="width:100%; height:40vh;" scale="17" :latitude="latitude" :longitude="longitude"
:markers="markers"></map>
</view>
@ -16,11 +15,14 @@
<text class="nurse">济南护万家护理有限公司</text>
<text class="distance">距离您800米</text>
<view class="background">
<view class="picture">
<image src="/static/logo.png" mode=""></image>
</view>
<text class="qyttext">泉医通</text>
<text class="lianmeng">济卫护理联盟NO.1</text>
</view>
</view>
<view class="click">点击了解</view>
@ -50,7 +52,7 @@
<image class="rightimg" src="../../static/jt.png" mode=""></image>
</view> -->
</view>
<view class="masks" style="" >
<view class="masks" style="">
<view class="mask">
<view class="picture2">
<image src="../../static/locatinsmall.png"></image>
@ -67,11 +69,7 @@
</view>
</view>
</view>
</template>
<script>
import {
getPatientInfo
@ -177,6 +175,12 @@
that.requestinfo()
},
methods: {
detailed(){
uni.navigateTo({
url: `/pages/detail/detail`
})
},
},
// getsite() {
// let data={};
// data.surl = '/pages/site/site'
@ -184,12 +188,12 @@
// url: `/pages/homePage/homePage`
// })
// },
// cancel() {
// this.mask = false
// uni.reLaunch({
// url: `/pages/site/site`
// })
// },
cancel() {
this.mask = false
uni.reLaunch({
url: `/pages/site/site`
})
},
requestinfo() {
if (this.nurseTypeCode != undefined) {
nearbyList(this.pageSize, this.pageNum, this.longitude, this.latitude, this.nurseTypeCode, this.iptVal)
@ -214,25 +218,21 @@
url: `/pages/details/details?id=${item.nurseStationId}`
})
},
// listinfo() {
// list().then(res => {
// // console.log(res)
// })
// },
}
}
}
</script>
<style lang="scss">
.picture2{
.picture2 image {
// position: absolute;
display: block;
margin: 0 auto;
width: 70rpx;
width: 86rpx;
height: 102rpx;
text-align: center;
// margin-top: 20%;
// text-align: center;
}
.masks {
border-radius: 30px;
@ -243,6 +243,7 @@
top: 0;
z-index: 999;
}
.mask {
// margin-top: 50%;
position: relative;
@ -253,6 +254,7 @@
position: relative;
border-radius: 30rpx;
}
.title {
width: 254rpx;
height: 35rpx;
@ -275,6 +277,7 @@
// text-align: center;
// /* line-height: 80rpx; */
}
.text {
margin-top: 30rpx;
font-size: 30rpx;
@ -284,6 +287,7 @@
text-align: center;
}
.btn1 {
height: 62rpx;
@ -292,17 +296,21 @@
// border-top: 1px solid #eeeeee;
// border-right: 1px solid #eeeeee;
// position: inherit;
margin-top: 10%;
margin-left: 10%;
background: #C5BFBF;
color: #ffffff;
width: 198rpx;
border-radius: 23rpx;
}
.btn2 {
height: 62rpx;
line-height: 62rpx;
text-align: center;
color: #ffffff;
// display: inline-block;
// position: absolute;
// bottom: 0;
@ -313,7 +321,8 @@
background-color: #4486e8;
border-radius: 23rpx;
}
.lists{
.lists {
position: relative;
margin: 0 auto;
background-color: #ffffff;
@ -322,7 +331,8 @@
margin-top: -10%;
border-radius: 10rpx;
}
.background{
.background {
position: absolute;
width: 180rpx;
height: 180rpx;
@ -331,15 +341,19 @@
margin-left: 10%;
border-radius: 30rpx;
}
image{
width: 86rpx;
height: 102rpx;
margin-top: 35%;
.background image {
width: 99rpx;
height: 99rpx;
// margin: 0 auto;
text-align: center;
margin-top: 5%;
margin-left: 20%;
}
.qyttext{
.qyttext {
// text-align: center;
// margin-top: 10%;
margin-left: 28%;
@ -353,7 +367,8 @@
color: #FFFFFF;
}
.lianmeng{
.lianmeng {
display: block;
margin-left: 5%;
font-size: 9px;
@ -361,7 +376,8 @@
// font-weight: normal;
color: #FFFFFF;
}
.click{
.click {
// position: absolute;
color: #ffffff;
float: right;
@ -370,7 +386,7 @@
line-height: 58.5rpx;
// margin: 0 auto;
text-align: center;
background-color: #4C7BC9 ;
background-color: #4C7BC9;
margin-top: 20%;
margin-right: 5%;
border-radius: 30rpx;
@ -378,14 +394,16 @@
// margin-left: 40%;
// border-radius: 10rpx;
}
.nurse{
.nurse {
position: absolute;
float: right;
margin-top: 5%;
font-size: 30rpx;
margin-left: 40%;
}
.icon{
.icon {
height: 60rpx;
width: 80%;
line-height: 60rpx;
@ -393,8 +411,9 @@
margin-left: 55%;
// margin-top: 5%;
}
.distance{
}
.distance {
position: absolute;
float: right;
margin-top: 12%;
@ -405,7 +424,7 @@
color: #666666;
}
}
.nursstation {
position: fixed;
@ -442,6 +461,7 @@
// }
}
.what {
height: 60rpx;
width: 80%;
@ -450,5 +470,4 @@
// text-align: left padding: 20%;
}
</style>