修改
This commit is contained in:
parent
4fcabc606a
commit
8671584387
@ -7,7 +7,6 @@
|
|||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
export default {
|
export default {
|
||||||
data() {
|
data() {
|
||||||
@ -19,13 +18,38 @@
|
|||||||
this.item = JSON.parse(decodeURIComponent(options.item))
|
this.item = JSON.parse(decodeURIComponent(options.item))
|
||||||
this.item.informationContent = this.item.informationContent.replace(/\<img/gi,
|
this.item.informationContent = this.item.informationContent.replace(/\<img/gi,
|
||||||
"<br/> <img class='richPic'")
|
"<br/> <img class='richPic'")
|
||||||
|
this.item.informationContent = this.item.informationContent.replace(/\<p/gi,
|
||||||
|
"<p class='ptext'")
|
||||||
|
// this.item.informationContent = this.item.informationContent.replace(/\<span/,
|
||||||
|
// "<span class='ql-size-small'")
|
||||||
|
// atch = match.replace(/class="ql-size-large"/gi, 'max-width:100%;')
|
||||||
|
// console.log(this.item.informationContent)
|
||||||
},
|
},
|
||||||
onReady() { //更改导航栏文字
|
onReady() {}, //更改导航栏文字
|
||||||
},
|
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss">
|
<style lang="scss">
|
||||||
|
/deep/ .ptext {
|
||||||
|
margin-top: 20rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
/deep/ .ptext:nth-child(1) {
|
||||||
|
text-indent: 2em;
|
||||||
|
}
|
||||||
|
|
||||||
|
/deep/ .ql-size-small {
|
||||||
|
font-size: 20rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
/deep/ .ql-size-large {
|
||||||
|
font-size: 36rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
/deep/ .ql-size-huge {
|
||||||
|
font-size: 46rpx;
|
||||||
|
}
|
||||||
|
|
||||||
.title {
|
.title {
|
||||||
padding-left: 3%;
|
padding-left: 3%;
|
||||||
font-size: 38rpx;
|
font-size: 38rpx;
|
||||||
|
|||||||
@ -119,7 +119,7 @@
|
|||||||
.Healthknowledge {
|
.Healthknowledge {
|
||||||
width: 94%;
|
width: 94%;
|
||||||
margin: 20rpx auto;
|
margin: 20rpx auto;
|
||||||
padding: 0 50rpx 50rpx;
|
padding: 0 30rpx 50rpx;
|
||||||
background-color: #fff;
|
background-color: #fff;
|
||||||
position: relative;
|
position: relative;
|
||||||
line-height: 46rpx;
|
line-height: 46rpx;
|
||||||
@ -130,7 +130,7 @@
|
|||||||
|
|
||||||
.item {
|
.item {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 200rpx;
|
height: 230rpx;
|
||||||
position: relative;
|
position: relative;
|
||||||
border-bottom: 2rpx solid #CDC9C9;
|
border-bottom: 2rpx solid #CDC9C9;
|
||||||
|
|
||||||
@ -139,8 +139,8 @@
|
|||||||
right: 0;
|
right: 0;
|
||||||
top: 50%;
|
top: 50%;
|
||||||
transform: translateY(-50%);
|
transform: translateY(-50%);
|
||||||
width: 253rpx;
|
width: 200rpx;
|
||||||
height: 164rpx;
|
height: 180rpx;
|
||||||
border-radius: 10rpx;
|
border-radius: 10rpx;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -156,11 +156,8 @@
|
|||||||
position: absolute;
|
position: absolute;
|
||||||
top: 20rpx;
|
top: 20rpx;
|
||||||
left: 0;
|
left: 0;
|
||||||
width: 50%;
|
width: 60%;
|
||||||
font-size: 30rpx;
|
font-size: 30rpx;
|
||||||
overflow: hidden;
|
|
||||||
text-overflow: ellipsis;
|
|
||||||
white-space: nowrap;
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@ -1,7 +1,6 @@
|
|||||||
.app {
|
.app {
|
||||||
height: 100%;
|
height: 100%;
|
||||||
padding: 0 0 0 0;
|
padding: 0 0 0 0;
|
||||||
padding-top: 10rpx;
|
|
||||||
font-size: 34rpx;
|
font-size: 34rpx;
|
||||||
position: relative;
|
position: relative;
|
||||||
.swiper-box {
|
.swiper-box {
|
||||||
|
|||||||
@ -335,6 +335,7 @@
|
|||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
justify-content: space-evenly;
|
justify-content: space-evenly;
|
||||||
background-color: #ffffff;
|
background-color: #ffffff;
|
||||||
|
align-content: flex-start;
|
||||||
|
|
||||||
.item {
|
.item {
|
||||||
width: 45%;
|
width: 45%;
|
||||||
|
|||||||
@ -1,8 +1,6 @@
|
|||||||
<template>
|
<template>
|
||||||
<view class="app">
|
<view class="app">
|
||||||
<!-- <u-swiper :list="swiperImgUrls" effect3d='true' height='400' interval='5000' duration='2000'></u-swiper> -->
|
<!-- <u-swiper :list="swiperImgUrls" effect3d='true' height='400' interval='5000' duration='2000'></u-swiper> -->
|
||||||
|
|
||||||
|
|
||||||
<!-- <swiper class="swiper-block" :indicator-dots="true" :autoplay="true" :interval="3000" :duration="1000"
|
<!-- <swiper class="swiper-block" :indicator-dots="true" :autoplay="true" :interval="3000" :duration="1000"
|
||||||
:circular='true' previous-margin='90rpx' next-margin='90rpx' current='0' @change="swiperChange">
|
:circular='true' previous-margin='90rpx' next-margin='90rpx' current='0' @change="swiperChange">
|
||||||
<swiper-item class="swiper-item" v-for="(item,index) in swiperImgUrls">
|
<swiper-item class="swiper-item" v-for="(item,index) in swiperImgUrls">
|
||||||
@ -12,8 +10,8 @@
|
|||||||
</swiper> -->
|
</swiper> -->
|
||||||
<view class="container">
|
<view class="container">
|
||||||
<view>
|
<view>
|
||||||
<swiper :indicator-dots="true" :current="currentIndex" :circular="true" previous-margin="80rpx"
|
<swiper :indicator-dots="true" :current="currentIndex" :circular="true" previous-margin="55rpx"
|
||||||
next-margin="80rpx" :autoplay="autoplay" interval="3000" duration="1000" show-center-play-btn="true"
|
next-margin="55rpx" :autoplay="autoplay" interval="3000" duration="1000" show-center-play-btn="true"
|
||||||
class="swiper-block" circular='true' @change="swiperChange">
|
class="swiper-block" circular='true' @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}">
|
||||||
@ -32,8 +30,6 @@
|
|||||||
</swiper>
|
</swiper>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
|
|
||||||
<view class="items">
|
<view class="items">
|
||||||
<view class="item" @tap="gosite">
|
<view class="item" @tap="gosite">
|
||||||
<image src="../../static/hlz.png" mode=""></image>
|
<image src="../../static/hlz.png" mode=""></image>
|
||||||
@ -173,8 +169,9 @@
|
|||||||
e.image = baseurl + e.posterPictureUrl
|
e.image = baseurl + e.posterPictureUrl
|
||||||
this.swiperImgUrls.push(e.image)
|
this.swiperImgUrls.push(e.image)
|
||||||
})
|
})
|
||||||
if(res.data.poserInfoList[0].video){
|
if (res.data.poserInfoList[0].video) {
|
||||||
res.data.poserInfoList[0].video = baseurl + res.data.poserInfoList[0].posterVideoUrl
|
res.data.poserInfoList[0].video = baseurl + res.data.poserInfoList[0]
|
||||||
|
.posterVideoUrl
|
||||||
this.swiperImgUrls.push(res.data.poserInfoList[0].video)
|
this.swiperImgUrls.push(res.data.poserInfoList[0].video)
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@ -264,8 +261,14 @@
|
|||||||
</script>
|
</script>
|
||||||
<style lang="scss">
|
<style lang="scss">
|
||||||
.app {
|
.app {
|
||||||
padding: 100rpx 0 0 0;
|
padding: 0 0 0 0;
|
||||||
-webkit-overflow-scrolling: touch;
|
-webkit-overflow-scrolling: touch;
|
||||||
|
|
||||||
|
.container {
|
||||||
|
padding-top: 100rpx;
|
||||||
|
background-color: #fff
|
||||||
|
}
|
||||||
|
|
||||||
.swiper-block {
|
.swiper-block {
|
||||||
height: 500rpx;
|
height: 500rpx;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
@ -280,16 +283,16 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.slide-image {
|
.slide-image {
|
||||||
height: 300rpx;
|
height: 270rpx;
|
||||||
width: 520rpx;
|
width: 580rpx;
|
||||||
border-radius: 9rpx;
|
border-radius: 9rpx;
|
||||||
box-shadow: 0px 0px 30rpx rgba(0, 0, 0, 0.2);
|
box-shadow: 0px 0px 30rpx rgba(0, 0, 0, 0.2);
|
||||||
margin: 0rpx 30rpx;
|
margin: 0 0 0 30rpx;
|
||||||
z-index: 1;
|
z-index: 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
.active {
|
.active {
|
||||||
transform: scale(1.2);
|
transform: scale(1.10);
|
||||||
transition: all 0.2s ease-in 0s;
|
transition: all 0.2s ease-in 0s;
|
||||||
z-index: 20;
|
z-index: 20;
|
||||||
}
|
}
|
||||||
@ -367,11 +370,11 @@
|
|||||||
position: absolute;
|
position: absolute;
|
||||||
top: 20rpx;
|
top: 20rpx;
|
||||||
left: 0;
|
left: 0;
|
||||||
width: 50%;
|
width: 65%;
|
||||||
font-size: 30rpx;
|
font-size: 30rpx;
|
||||||
overflow: hidden;
|
// overflow: hidden;
|
||||||
text-overflow: ellipsis;
|
// text-overflow: ellipsis;
|
||||||
white-space: nowrap;
|
// white-space: nowrap;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@ -1,5 +1,5 @@
|
|||||||
.app{
|
.app{
|
||||||
padding:10rpx 0 0 0;
|
padding: 0;
|
||||||
-webkit-overflow-scrolling: touch;
|
-webkit-overflow-scrolling: touch;
|
||||||
}
|
}
|
||||||
.swiper-box {
|
.swiper-box {
|
||||||
@ -116,6 +116,15 @@
|
|||||||
// top:35%;
|
// top:35%;
|
||||||
// left:35%;
|
// left:35%;
|
||||||
// }
|
// }
|
||||||
|
.advanceAppointDuration{
|
||||||
|
position: absolute;
|
||||||
|
top:10%;
|
||||||
|
right:10rpx;
|
||||||
|
width: 20%;
|
||||||
|
text-align: right;
|
||||||
|
font-size: 32rpx;
|
||||||
|
color: #666;
|
||||||
|
}
|
||||||
.appointment {
|
.appointment {
|
||||||
font-size: 30rpx;
|
font-size: 30rpx;
|
||||||
width: 120rpx;
|
width: 120rpx;
|
||||||
@ -153,6 +162,7 @@
|
|||||||
top:53%;
|
top:53%;
|
||||||
left:35%;
|
left:35%;
|
||||||
width: 65%;
|
width: 65%;
|
||||||
|
color: #666;
|
||||||
}
|
}
|
||||||
.huanyao {
|
.huanyao {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
|
|||||||
@ -108,9 +108,12 @@
|
|||||||
<image :src="item.itemPictureUrl"></image>
|
<image :src="item.itemPictureUrl"></image>
|
||||||
<view class="huanyao">{{item.nurseItemName}}
|
<view class="huanyao">{{item.nurseItemName}}
|
||||||
</view>
|
</view>
|
||||||
|
<span class="advanceAppointDuration">
|
||||||
|
{{item.advanceAppointDuration=='HALF_DAY'?'(半天)':''}}
|
||||||
|
{{item.advanceAppointDuration=='ONE_DAY'?'(一天)':''}}
|
||||||
|
</span>
|
||||||
<view class="day">
|
<view class="day">
|
||||||
{{item.advanceAppointDuration=='HALF_DAY'?'提前预约时长:半天':''}}
|
服务时长:{{item.serveDurationUnit}}
|
||||||
{{item.advanceAppointDuration=='ONE_DAY'?'提前预约时长:一天':''}}
|
|
||||||
</view>
|
</view>
|
||||||
<!-- <view class="pingfen">
|
<!-- <view class="pingfen">
|
||||||
<u-rate :count="5" value="2"></u-rate>
|
<u-rate :count="5" value="2"></u-rate>
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user