This commit is contained in:
2023-09-26 15:27:19 +08:00
parent e5a6a0758e
commit 68a856d500
7 changed files with 116 additions and 186 deletions

View File

@ -1,199 +1,117 @@
.app {
padding: 0 0 0 0;
-webkit-overflow-scrolling: touch;
width: 100%;
height: 1000rpx;
background: linear-gradient(180deg, #A1DBCD 0%, #D8F4EE 12%, #FFFFFF 23%);
.container {
padding-top: 65rpx;
background-color: #fff
}
.swiper-block {
height: 500rpx;
width: 100%;
}
.swiper-item {
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
overflow: unset;
}
.slide-image {
height: 270rpx;
width: 580rpx;
border-radius: 9rpx;
box-shadow: 0px 0px 30rpx rgba(0, 0, 0, 0.2);
margin: 0 0 0 30rpx;
z-index: 1;
}
.active {
transform: scale(1.10);
transition: all 0.2s ease-in 0s;
z-index: 20;
}
video {
// height: 100%;
// width: 100%;
}
.Healthknowledge {
.list {
width: 100%;
margin: 20rpx auto 0;
padding: 40rpx 50rpx 50rpx;
background-color: #fff;
position: relative;
line-height: 46rpx;
.more {
position: absolute;
right: 20rpx;
top: 40rpx;
height: 46rpx;
width: 30%;
.title {
position: absolute;
right: 30rpx;
top: 50%;
text-align: right;
transform: translateY(-50%);
font-size: 26rpx;
font-family: Adobe Heiti Std;
font-weight: normal;
color: #969494;
}
.item {
width: 100%;
height: 250rpx;
position: relative;
border-bottom: 2rpx solid #E6E6E6;
image {
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
width: 15rpx;
height: 25rpx;
width: 200rpx;
height: 200rpx;
border-radius: 10rpx;
}
}
.list {
width: 100%;
margin: 20rpx auto 0;
.item {
width: 100%;
height: 250rpx;
position: relative;
border-bottom: 2rpx solid #CDC9C9;
image {
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
width: 200rpx;
height: 200rpx;
border-radius: 10rpx;
}
.author {
position: absolute;
bottom: 20rpx;
left: 0;
font-size: 20rpx;
color: #969494;
}
.text {
position: absolute;
top: 20rpx;
left: 0;
width: 65%;
font-size: 30rpx;
text-overflow: -o-ellipsis-lastline;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 5; //行数需设置
line-clamp: 5;
-webkit-box-orient: vertical;
text-align: justify;
}
.author {
position: absolute;
bottom: 20rpx;
left: 0;
font-size: 20rpx;
color: #969494;
}
}
.title {
font-size: 36rpx;
font-weight: bold;
.text {
position: absolute;
top: 20rpx;
left: 0;
width: 65%;
font-size: 28rpx;
text-overflow: -o-ellipsis-lastline;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 5; //行数需设置
line-clamp: 5;
-webkit-box-orient: vertical;
text-align: justify;
}
}
}
.Welfarecustomerservice {
display: flex;
justify-content: space-around;
flex-wrap: wrap;
background-color: #fff;
width: 100%;
padding: 30rpx 2%;
margin-bottom: 20rpx;
.title {
font-size: 30rpx;
font-weight: 500;
color: #595959;
margin: 40rpx 0 0 50rpx;
position: relative;
.topimgs {
display: flex;
justify-content: space-around;
width: 100%;
margin-bottom: 30rpx;
image {
width: 30%;
height: 160rpx;
}
}
.shopping {
width: 98%;
height: 160rpx;
}
.rightimg {
view {
display: inline-block;
width: 48%;
position: absolute;
right: 3%;
transform: translateY(-50%);
top: 50%;
image {
display: block;
margin-bottom: 15rpx;
width: 100%;
height: 120rpx;
text {
font-size: 26rpx;
color: #969494;
padding-right: 10rpx;
}
}
.night {
width: 48%;
height: 340rpx;
image {
vertical-align: middle;
width: 13rpx;
height: 23rpx;
}
}
.items {
background-color: #fff;
padding: 30rpx 20rpx 20px;
.centerbar {
flex-wrap: wrap;
image {
height: 180rpx !important;
margin-bottom: 25rpx;
}
}
.topbar {
margin-top: 40rpx;
width: 100%;
display: flex;
justify-content: space-between;
margin-bottom: 20rpx;
justify-content: space-evenly;
.item {
width: 25%;
image {
width: 350rpx;
height: 200rpx;
}
}
image {
width: 120rpx;
height: 120rpx;
display: block;
margin: 0 auto 20rpx;
}
.address {
padding: 80rpx 0 0 50rpx;
.title {
font-size: 36rpx;
font-weight: 600;
text-align: center;
}
image {
width: 25rpx;
height: 30rpx;
// vertical-align: middle;
}
text {
font-size: 28rpx;
color: #595959;
padding-left: 10rpx;
}
}
}

View File

@ -10,6 +10,33 @@
<image src="../../static/pages/wenzhenpingtai.png" mode=""></image>
<image src="../../static/pages/hulifuwu.png" mode=""></image>
</view>
<view class="title">
常用服务
</view>
<view class="centerbar topbar">
<image src="../../static/pages/yuyueshaicha.png" mode=""></image>
<image src="../../static/pages/shaichajieguo.png" mode=""></image>
<image src="../../static/pages/jiankangshangcheng.png" mode=""></image>
<image src="../../static/pages/xinrenfuli.png" mode=""></image>
</view>
<view class="title">
<text>健康咨询</text>
<view class="">
<text>
查看更多
</text>
<image src="../../static/huijiantou.png" mode=""></image>
</view>
</view>
<view class="list">
<view class="item">
<view class="text">
医疗资讯医疗资讯医疗 资讯医疗资讯
</view>
<view class="author"></view>
<image src="../../static/pagesB/yis.png" mode=""></image>
</view>
</view>
</view>
</template>
@ -24,20 +51,5 @@
</script>
<style lang="scss">
.app {
position: relative;
width: 100%;
background: linear-gradient(0deg, #A1DBCD 0%, #D8F4EE 12%, #FFFFFF 23%);
.address {
position: absolute;
top: 50rpx;
left: 50rpx;
image {
width: 20rpx;
height: 25rpx;
}
}
}
@import "./medicalservice.scss";
</style>

View File

@ -4,7 +4,7 @@
<view class="title">
签约时出示二维码
</view>
<image src="../../static/pagesB/fuli.png" mode=""></image>
<!-- <image src="../../static/pagesB/fuli.png" mode=""></image> -->
</view>
<view class="item">
<view class="lefttext">

View File

@ -8,7 +8,7 @@
<image class="itemimg" :src="item" mode=""></image>
</view>
<view class="shot item" @tap='updataImage'>
<image src="../../static/paishe.png" mode=""></image>
<image src="../../static/pagesB/paishe.png" mode=""></image>
<view class="title">
拍摄
</view>

View File

@ -4,7 +4,7 @@
<view class="detailslist">
<image :src="baseurl+order.personPictureUrl" mode=""
v-if="order.orderType =='HEALTH_CONSULTATION'&&order.personPictureUrl"></image>
<image src="@/static/yis.png" mode=""
<image src="@/static/pagesB/yis.png" mode=""
v-if="order.orderType =='HEALTH_CONSULTATION'&&!order.personPictureUrl"></image>
<image :src="baseurl+order.attributePitureUrl" mode="" v-if="order.orderType !='HEALTH_CONSULTATION'">
</image>

View File

@ -18,7 +18,7 @@
<view class="detailslist">
<image :src="baseurl+order.personPictureUrl" mode=""
v-if="order.orderType =='HEALTH_CONSULTATION'&&order.personPictureUrl"></image>
<image src="@/static/yis.png" mode=""
<image src="@/static/pagesB/yis.png" mode=""
v-if="order.orderType =='HEALTH_CONSULTATION'&&!order.personPictureUrl"></image>
<image :src="baseurl+order.attributePitureUrl" mode=""
v-if="order.orderType !='HEALTH_CONSULTATION'"></image>

View File

@ -47,7 +47,7 @@
<view class="masks" style="" v-if="mask">
<view class="mask">
<view class="picture">
<image src="../../static/locatinsmall.png"></image>
<image src="../../static/pagesB/locatinsmall.png"></image>
</view>
<view class="text">
请打开系统定位