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,90 +1,18 @@
.app { .app {
padding: 0 0 0 0;
-webkit-overflow-scrolling: touch;
.container {
padding-top: 65rpx;
background-color: #fff
}
.swiper-block {
height: 500rpx;
width: 100%; width: 100%;
} height: 1000rpx;
background: linear-gradient(180deg, #A1DBCD 0%, #D8F4EE 12%, #FFFFFF 23%);
.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 {
width: 100%;
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;
}
image {
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
width: 15rpx;
height: 25rpx;
}
}
.list { .list {
width: 100%; width: 100%;
margin: 20rpx auto 0; margin: 20rpx auto 0;
padding: 40rpx 50rpx 50rpx;
.item { .item {
width: 100%; width: 100%;
height: 250rpx; height: 250rpx;
position: relative; position: relative;
border-bottom: 2rpx solid #CDC9C9; border-bottom: 2rpx solid #E6E6E6;
image { image {
position: absolute; position: absolute;
@ -109,7 +37,7 @@
top: 20rpx; top: 20rpx;
left: 0; left: 0;
width: 65%; width: 65%;
font-size: 30rpx; font-size: 28rpx;
text-overflow: -o-ellipsis-lastline; text-overflow: -o-ellipsis-lastline;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
@ -123,77 +51,67 @@
} }
.title { .title {
font-size: 36rpx; font-size: 30rpx;
font-weight: bold; font-weight: 500;
} color: #595959;
} margin: 40rpx 0 0 50rpx;
position: relative;
.Welfarecustomerservice { view {
display: flex;
justify-content: space-around;
flex-wrap: wrap;
background-color: #fff;
width: 100%;
padding: 30rpx 2%;
margin-bottom: 20rpx;
.topimgs {
display: flex;
justify-content: space-around;
width: 100%;
margin-bottom: 30rpx;
image {
width: 30%;
height: 160rpx;
}
}
.shopping {
width: 98%;
height: 160rpx;
}
.rightimg {
display: inline-block; display: inline-block;
width: 48%; position: absolute;
right: 3%;
transform: translateY(-50%);
top: 50%;
text {
font-size: 26rpx;
color: #969494;
padding-right: 10rpx;
}
}
image { image {
display: block; vertical-align: middle;
margin-bottom: 15rpx; width: 13rpx;
height: 23rpx;
}
}
.centerbar {
flex-wrap: wrap;
image {
height: 180rpx !important;
margin-bottom: 25rpx;
}
}
.topbar {
margin-top: 40rpx;
width: 100%; width: 100%;
height: 120rpx;
}
}
.night {
width: 48%;
height: 340rpx;
}
}
.items {
background-color: #fff;
padding: 30rpx 20rpx 20px;
display: flex; display: flex;
justify-content: space-between; justify-content: space-evenly;
margin-bottom: 20rpx;
.item {
width: 25%;
image { image {
width: 120rpx; width: 350rpx;
height: 120rpx; height: 200rpx;
display: block; }
margin: 0 auto 20rpx;
} }
.title { .address {
font-size: 36rpx; padding: 80rpx 0 0 50rpx;
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/wenzhenpingtai.png" mode=""></image>
<image src="../../static/pages/hulifuwu.png" mode=""></image> <image src="../../static/pages/hulifuwu.png" mode=""></image>
</view> </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> </view>
</template> </template>
@ -24,20 +51,5 @@
</script> </script>
<style lang="scss"> <style lang="scss">
.app { @import "./medicalservice.scss";
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;
}
}
}
</style> </style>

View File

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

View File

@ -8,7 +8,7 @@
<image class="itemimg" :src="item" mode=""></image> <image class="itemimg" :src="item" mode=""></image>
</view> </view>
<view class="shot item" @tap='updataImage'> <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 class="title">
拍摄 拍摄
</view> </view>

View File

@ -4,7 +4,7 @@
<view class="detailslist"> <view class="detailslist">
<image :src="baseurl+order.personPictureUrl" mode="" <image :src="baseurl+order.personPictureUrl" mode=""
v-if="order.orderType =='HEALTH_CONSULTATION'&&order.personPictureUrl"></image> 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> v-if="order.orderType =='HEALTH_CONSULTATION'&&!order.personPictureUrl"></image>
<image :src="baseurl+order.attributePitureUrl" mode="" v-if="order.orderType !='HEALTH_CONSULTATION'"> <image :src="baseurl+order.attributePitureUrl" mode="" v-if="order.orderType !='HEALTH_CONSULTATION'">
</image> </image>

View File

@ -18,7 +18,7 @@
<view class="detailslist"> <view class="detailslist">
<image :src="baseurl+order.personPictureUrl" mode="" <image :src="baseurl+order.personPictureUrl" mode=""
v-if="order.orderType =='HEALTH_CONSULTATION'&&order.personPictureUrl"></image> 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> v-if="order.orderType =='HEALTH_CONSULTATION'&&!order.personPictureUrl"></image>
<image :src="baseurl+order.attributePitureUrl" mode="" <image :src="baseurl+order.attributePitureUrl" mode=""
v-if="order.orderType !='HEALTH_CONSULTATION'"></image> v-if="order.orderType !='HEALTH_CONSULTATION'"></image>

View File

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