修改
This commit is contained in:
parent
921fa84abe
commit
a16ed24536
59
pages/ConsultationDetails/ConsultationDetails.vue
Normal file
59
pages/ConsultationDetails/ConsultationDetails.vue
Normal file
@ -0,0 +1,59 @@
|
|||||||
|
<template>
|
||||||
|
<view class="app">
|
||||||
|
<image class="image" :src="imageurl" mode=""></image>
|
||||||
|
<image class="images" :src="imageurls" mode=""></image>
|
||||||
|
<image class="yuyue" src="../../static/yuyue.png" mode="" @tap="godetal"></image>
|
||||||
|
</view>
|
||||||
|
</template>
|
||||||
|
<script>
|
||||||
|
import baseurl from '../../api/baseurl';
|
||||||
|
export default {
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
imageurl: null,
|
||||||
|
imageurls: null,
|
||||||
|
};
|
||||||
|
},
|
||||||
|
onShow() {
|
||||||
|
this.imageurl = baseurl + '/profile/appletPicture/healthyOne.png'
|
||||||
|
this.imageurls = baseurl + '/profile/appletPicture/healthyDetails.png'
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
godetal() {
|
||||||
|
uni.navigateBack({
|
||||||
|
delta: 1
|
||||||
|
})
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
<style lang="scss">
|
||||||
|
.app {
|
||||||
|
padding: 0;
|
||||||
|
margin: 0;
|
||||||
|
position: relative;
|
||||||
|
height: 3750rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.yuyue {
|
||||||
|
position: absolute;
|
||||||
|
bottom: 80rpx;
|
||||||
|
width: 80%;
|
||||||
|
height: 94rpx;
|
||||||
|
left: 10%;
|
||||||
|
z-index: 999;
|
||||||
|
}
|
||||||
|
|
||||||
|
.images {
|
||||||
|
margin-top: -60rpx;
|
||||||
|
margin-left: 3%;
|
||||||
|
width: 94%;
|
||||||
|
height: 3350rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.image {
|
||||||
|
z-index: -1;
|
||||||
|
width: 100%;
|
||||||
|
height: 460rpx;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
@ -4,7 +4,7 @@
|
|||||||
<swiper :indicator-dots="true" indicator-color='#fff' indicator-active-color='#0086d6' :autoplay="autoplay"
|
<swiper :indicator-dots="true" indicator-color='#fff' indicator-active-color='#0086d6' :autoplay="autoplay"
|
||||||
:interval="3000" :duration="1500" class="swiper-box" :circular='true' @change="swiperChange">
|
:interval="3000" :duration="1500" class="swiper-box" :circular='true' @change="swiperChange">
|
||||||
<swiper-item v-for="(item ,index) in lbinfo" :key="index">
|
<swiper-item v-for="(item ,index) in lbinfo" :key="index">
|
||||||
<view class="swiper-item" v-show="!splits(item)" wx-if="{item}">
|
<view class="swiper-item" v-show="!splits(item)" wx-if="{item}" @tap='goswiper(item)'>
|
||||||
<image v-if="item" :src="item" mode="widthFix"></image>
|
<image v-if="item" :src="item" mode="widthFix"></image>
|
||||||
</view>
|
</view>
|
||||||
<view class="swiper-item" v-show="splits(item)" v-if="item">
|
<view class="swiper-item" v-show="splits(item)" v-if="item">
|
||||||
@ -75,6 +75,7 @@
|
|||||||
export default {
|
export default {
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
|
swiperImglink: [], //sweiper跳转link
|
||||||
lbinfo: [], //轮播
|
lbinfo: [], //轮播
|
||||||
autoplay: true, //自动切换轮播图
|
autoplay: true, //自动切换轮播图
|
||||||
videoContext: '',
|
videoContext: '',
|
||||||
@ -100,6 +101,23 @@
|
|||||||
this.getlist(this.stationId, this.stationItemId, this.stationItemPriceId)
|
this.getlist(this.stationId, this.stationItemId, this.stationItemPriceId)
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
|
//跳转swiper
|
||||||
|
goswiper(item) {
|
||||||
|
this.swiperImglink.forEach(e => {
|
||||||
|
e.image = baseurl + e.posterPictureUrl
|
||||||
|
if (e.image == item) {
|
||||||
|
if (e.jumpLink == '/pages/homepage/homepage' || e.jumpLink == '/pages/Personal/Personal') {
|
||||||
|
uni.switchTab({
|
||||||
|
url: e.jumpLink
|
||||||
|
})
|
||||||
|
} else {
|
||||||
|
uni.navigateTo({
|
||||||
|
url: e.jumpLink
|
||||||
|
})
|
||||||
|
}
|
||||||
|
}
|
||||||
|
})
|
||||||
|
},
|
||||||
swiperChange(e) {
|
swiperChange(e) {
|
||||||
let {
|
let {
|
||||||
current,
|
current,
|
||||||
@ -182,6 +200,7 @@
|
|||||||
"<br/> <img class='richPic'")
|
"<br/> <img class='richPic'")
|
||||||
}
|
}
|
||||||
if (res.data.poserInfoList.length >= 1) {
|
if (res.data.poserInfoList.length >= 1) {
|
||||||
|
this.swiperImglink = res.data.poserInfoList
|
||||||
res.data.poserInfoList.forEach(e => {
|
res.data.poserInfoList.forEach(e => {
|
||||||
e.image = baseurl + e.posterPictureUrl
|
e.image = baseurl + e.posterPictureUrl
|
||||||
this.lbinfo.push(e.image)
|
this.lbinfo.push(e.image)
|
||||||
|
|||||||
@ -266,6 +266,7 @@
|
|||||||
top:10%;
|
top:10%;
|
||||||
width: 65%;
|
width: 65%;
|
||||||
.top,.bottom{
|
.top,.bottom{
|
||||||
|
height: 30rpx;
|
||||||
view {
|
view {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
font-size: 32rpx;
|
font-size: 32rpx;
|
||||||
|
|||||||
@ -17,12 +17,12 @@
|
|||||||
<image :src="baseurl+list.stationPictureUrl" mode=""></image>
|
<image :src="baseurl+list.stationPictureUrl" mode=""></image>
|
||||||
<view class="model">
|
<view class="model">
|
||||||
<view class="top">
|
<view class="top">
|
||||||
<view>{{list.nurseStationName}}</view>
|
<view v-if="list.nurseStationName">{{list.nurseStationName}}</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="bottom">
|
<view class="bottom">
|
||||||
<view>{{list.address}}</view>
|
<view v-if="list.address">{{list.address}}</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="callme" @tap="gophone()">
|
<view class="callme" @tap="gophone()" v-if='list.stationPhone'>
|
||||||
<u-icon class='icon' name="phone-fill" color="#ffffff" size="30"></u-icon>
|
<u-icon class='icon' name="phone-fill" color="#ffffff" size="30"></u-icon>
|
||||||
<view class="text">联系我们</view>
|
<view class="text">联系我们</view>
|
||||||
</view>
|
</view>
|
||||||
|
|||||||
@ -13,7 +13,7 @@
|
|||||||
:autoplay="autoplay" :interval="3000" :duration="1000" class="swiper-block" :circular='true'
|
:autoplay="autoplay" :interval="3000" :duration="1000" class="swiper-block" :circular='true'
|
||||||
@change="swiperChange">
|
@change="swiperChange">
|
||||||
<swiper-item v-for="(item ,index) in swiperImgUrls" :key="index" class="swiper-item">
|
<swiper-item v-for="(item ,index) in swiperImgUrls" :key="index" class="swiper-item">
|
||||||
<view v-show="!splits(item)" wx-if="{item}">
|
<view v-show="!splits(item)" wx-if="{item}" @tap='goswiper(item)'>
|
||||||
<image v-if="item" :src="item" :class="['slide-image', currentIndex === index?'active':'']"
|
<image v-if="item" :src="item" :class="['slide-image', currentIndex === index?'active':'']"
|
||||||
mode="aspectFill">
|
mode="aspectFill">
|
||||||
</image>
|
</image>
|
||||||
@ -102,6 +102,7 @@
|
|||||||
export default {
|
export default {
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
|
swiperImglink: [], //sweiper跳转link
|
||||||
swiperImgUrls: [],
|
swiperImgUrls: [],
|
||||||
autoplay: true, //自动切换轮播图
|
autoplay: true, //自动切换轮播图
|
||||||
videoContext: '',
|
videoContext: '',
|
||||||
@ -127,6 +128,23 @@
|
|||||||
this.getPoserInfo();
|
this.getPoserInfo();
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
|
//点击海报跳转
|
||||||
|
goswiper(item) {
|
||||||
|
this.swiperImglink.forEach(e => {
|
||||||
|
e.image = baseurl + e.posterPictureUrl
|
||||||
|
if (e.image == item) {
|
||||||
|
if (e.jumpLink == '/pages/homepage/homepage' || e.jumpLink == '/pages/Personal/Personal') {
|
||||||
|
uni.switchTab({
|
||||||
|
url: e.jumpLink
|
||||||
|
})
|
||||||
|
} else {
|
||||||
|
uni.navigateTo({
|
||||||
|
url: e.jumpLink
|
||||||
|
})
|
||||||
|
}
|
||||||
|
}
|
||||||
|
})
|
||||||
|
},
|
||||||
swiperChange(e) {
|
swiperChange(e) {
|
||||||
this.currentIndex = e.detail.current
|
this.currentIndex = e.detail.current
|
||||||
let {
|
let {
|
||||||
@ -185,6 +203,7 @@
|
|||||||
getPoserInfoListByType().then(res => {
|
getPoserInfoListByType().then(res => {
|
||||||
if (res.code == 200) {
|
if (res.code == 200) {
|
||||||
if (res.data.poserInfoList) {
|
if (res.data.poserInfoList) {
|
||||||
|
this.swiperImglink = res.data.poserInfoList
|
||||||
res.data.poserInfoList.forEach(e => {
|
res.data.poserInfoList.forEach(e => {
|
||||||
e.image = baseurl + e.posterPictureUrl
|
e.image = baseurl + e.posterPictureUrl
|
||||||
this.swiperImgUrls.push(e.image)
|
this.swiperImgUrls.push(e.image)
|
||||||
|
|||||||
@ -4,7 +4,7 @@
|
|||||||
<swiper :indicator-dots="true" indicator-color='#fff' indicator-active-color='#0086d6' :autoplay="autoplay"
|
<swiper :indicator-dots="true" indicator-color='#fff' indicator-active-color='#0086d6' :autoplay="autoplay"
|
||||||
:interval="2000" :duration="1000" class="swiper-box" :circular='true' @change="swiperChange">
|
:interval="2000" :duration="1000" class="swiper-box" :circular='true' @change="swiperChange">
|
||||||
<swiper-item v-for="(item ,index) in Banners" :key="index">
|
<swiper-item v-for="(item ,index) in Banners" :key="index">
|
||||||
<view class="swiper-item" v-show="!splits(item)" wx-if="{item}">
|
<view class="swiper-item" v-show="!splits(item)" wx-if="{item}" @tap='goswiper(item)'>
|
||||||
<image v-if="item" :src="item" mode="widthFix"></image>
|
<image v-if="item" :src="item" mode="widthFix"></image>
|
||||||
</view>
|
</view>
|
||||||
<view class="swiper-item" v-show="splits(item)" v-if="item">
|
<view class="swiper-item" v-show="splits(item)" v-if="item">
|
||||||
@ -169,6 +169,7 @@
|
|||||||
export default {
|
export default {
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
|
swiperImglink: [], //sweiper跳转link
|
||||||
Banners: [], //轮播图
|
Banners: [], //轮播图
|
||||||
autoplay: true, //自动切换轮播图
|
autoplay: true, //自动切换轮播图
|
||||||
videoContext: '',
|
videoContext: '',
|
||||||
@ -220,6 +221,23 @@
|
|||||||
this.distance = options.distance
|
this.distance = options.distance
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
|
//跳转swiper
|
||||||
|
goswiper(item) {
|
||||||
|
this.swiperImglink.forEach(e => {
|
||||||
|
e.image = baseurl + e.posterPictureUrl
|
||||||
|
if (e.image == item) {
|
||||||
|
if (e.jumpLink == '/pages/homepage/homepage' || e.jumpLink == '/pages/Personal/Personal') {
|
||||||
|
uni.switchTab({
|
||||||
|
url: e.jumpLink
|
||||||
|
})
|
||||||
|
} else {
|
||||||
|
uni.navigateTo({
|
||||||
|
url: e.jumpLink
|
||||||
|
})
|
||||||
|
}
|
||||||
|
}
|
||||||
|
})
|
||||||
|
},
|
||||||
//跳转地图
|
//跳转地图
|
||||||
goMap() {
|
goMap() {
|
||||||
uni.openLocation({
|
uni.openLocation({
|
||||||
@ -329,6 +347,7 @@
|
|||||||
})
|
})
|
||||||
this.list = res.data
|
this.list = res.data
|
||||||
if (res.data.poserInfoList.length >= 1) {
|
if (res.data.poserInfoList.length >= 1) {
|
||||||
|
this.swiperImglink = res.data.poserInfoList
|
||||||
res.data.poserInfoList.forEach(e => {
|
res.data.poserInfoList.forEach(e => {
|
||||||
e.image = baseurl + e.posterPictureUrl
|
e.image = baseurl + e.posterPictureUrl
|
||||||
this.Banners.push(e.image)
|
this.Banners.push(e.image)
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user