This commit is contained in:
曹辉 2023-02-24 09:38:52 +08:00
parent 4fcabc606a
commit 8671584387
7 changed files with 69 additions and 32 deletions

View File

@ -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;

View File

@ -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;
} }
} }
} }

View File

@ -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 {

View File

@ -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%;

View File

@ -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;
} }
} }
} }

View File

@ -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;

View File

@ -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>