修改
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"
|
||||
:interval="3000" :duration="1500" class="swiper-box" :circular='true' @change="swiperChange">
|
||||
<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>
|
||||
</view>
|
||||
<view class="swiper-item" v-show="splits(item)" v-if="item">
|
||||
@ -75,6 +75,7 @@
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
swiperImglink: [], //sweiper跳转link
|
||||
lbinfo: [], //轮播
|
||||
autoplay: true, //自动切换轮播图
|
||||
videoContext: '',
|
||||
@ -100,6 +101,23 @@
|
||||
this.getlist(this.stationId, this.stationItemId, this.stationItemPriceId)
|
||||
},
|
||||
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) {
|
||||
let {
|
||||
current,
|
||||
@ -182,6 +200,7 @@
|
||||
"<br/> <img class='richPic'")
|
||||
}
|
||||
if (res.data.poserInfoList.length >= 1) {
|
||||
this.swiperImglink = res.data.poserInfoList
|
||||
res.data.poserInfoList.forEach(e => {
|
||||
e.image = baseurl + e.posterPictureUrl
|
||||
this.lbinfo.push(e.image)
|
||||
|
||||
@ -266,6 +266,7 @@
|
||||
top:10%;
|
||||
width: 65%;
|
||||
.top,.bottom{
|
||||
height: 30rpx;
|
||||
view {
|
||||
width: 100%;
|
||||
font-size: 32rpx;
|
||||
|
||||
@ -17,12 +17,12 @@
|
||||
<image :src="baseurl+list.stationPictureUrl" mode=""></image>
|
||||
<view class="model">
|
||||
<view class="top">
|
||||
<view>{{list.nurseStationName}}</view>
|
||||
<view v-if="list.nurseStationName">{{list.nurseStationName}}</view>
|
||||
</view>
|
||||
<view class="bottom">
|
||||
<view>{{list.address}}</view>
|
||||
<view v-if="list.address">{{list.address}}</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>
|
||||
<view class="text">联系我们</view>
|
||||
</view>
|
||||
|
||||
@ -13,7 +13,7 @@
|
||||
:autoplay="autoplay" :interval="3000" :duration="1000" class="swiper-block" :circular='true'
|
||||
@change="swiperChange">
|
||||
<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':'']"
|
||||
mode="aspectFill">
|
||||
</image>
|
||||
@ -102,6 +102,7 @@
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
swiperImglink: [], //sweiper跳转link
|
||||
swiperImgUrls: [],
|
||||
autoplay: true, //自动切换轮播图
|
||||
videoContext: '',
|
||||
@ -127,6 +128,23 @@
|
||||
this.getPoserInfo();
|
||||
},
|
||||
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) {
|
||||
this.currentIndex = e.detail.current
|
||||
let {
|
||||
@ -185,6 +203,7 @@
|
||||
getPoserInfoListByType().then(res => {
|
||||
if (res.code == 200) {
|
||||
if (res.data.poserInfoList) {
|
||||
this.swiperImglink = res.data.poserInfoList
|
||||
res.data.poserInfoList.forEach(e => {
|
||||
e.image = baseurl + e.posterPictureUrl
|
||||
this.swiperImgUrls.push(e.image)
|
||||
|
||||
@ -4,7 +4,7 @@
|
||||
<swiper :indicator-dots="true" indicator-color='#fff' indicator-active-color='#0086d6' :autoplay="autoplay"
|
||||
:interval="2000" :duration="1000" class="swiper-box" :circular='true' @change="swiperChange">
|
||||
<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>
|
||||
</view>
|
||||
<view class="swiper-item" v-show="splits(item)" v-if="item">
|
||||
@ -169,6 +169,7 @@
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
swiperImglink: [], //sweiper跳转link
|
||||
Banners: [], //轮播图
|
||||
autoplay: true, //自动切换轮播图
|
||||
videoContext: '',
|
||||
@ -220,6 +221,23 @@
|
||||
this.distance = options.distance
|
||||
},
|
||||
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() {
|
||||
uni.openLocation({
|
||||
@ -329,6 +347,7 @@
|
||||
})
|
||||
this.list = res.data
|
||||
if (res.data.poserInfoList.length >= 1) {
|
||||
this.swiperImglink = res.data.poserInfoList
|
||||
res.data.poserInfoList.forEach(e => {
|
||||
e.image = baseurl + e.posterPictureUrl
|
||||
this.Banners.push(e.image)
|
||||
|
||||
Loading…
Reference in New Issue
Block a user