xinyilu/xinelu-applet-ui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

修改

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

248
pages/medicalservice/medicalservice.scss
View File

@ -1,199 +1,117 @@
.app { .app {
padding: 0 0 0 0; width: 100%;
-webkit-overflow-scrolling: touch; height: 1000rpx;
background: linear-gradient(180deg, #A1DBCD 0%, #D8F4EE 12%, #FFFFFF 23%);
.container { .list {
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 {
width: 100%; width: 100%;
margin: 20rpx auto 0;
padding: 40rpx 50rpx 50rpx; padding: 40rpx 50rpx 50rpx;
background-color: #fff;
position: relative;
line-height: 46rpx;
.more { .item {
position: absolute; width: 100%;
right: 20rpx; height: 250rpx;
top: 40rpx; position: relative;
height: 46rpx; border-bottom: 2rpx solid #E6E6E6;
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 { image {
position: absolute; position: absolute;
right: 0; right: 0;
top: 50%; top: 50%;
transform: translateY(-50%); transform: translateY(-50%);
width: 15rpx; width: 200rpx;
height: 25rpx; height: 200rpx;
border-radius: 10rpx;
} }
}
.list { .author {
width: 100%; position: absolute;
margin: 20rpx auto 0; bottom: 20rpx;
left: 0;
.item { font-size: 20rpx;
width: 100%; color: #969494;
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;
}
} }
}
.title { .text {
font-size: 36rpx; position: absolute;
font-weight: bold; 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 { .title {
display: flex; font-size: 30rpx;
justify-content: space-around; font-weight: 500;
flex-wrap: wrap; color: #595959;
background-color: #fff; margin: 40rpx 0 0 50rpx;
width: 100%; position: relative;
padding: 30rpx 2%;
margin-bottom: 20rpx;
.topimgs { view {
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%;
image { text {
display: block; font-size: 26rpx;
margin-bottom: 15rpx; color: #969494;
width: 100%; padding-right: 10rpx;
height: 120rpx;
} }
} }
.night { image {
width: 48%; vertical-align: middle;
height: 340rpx; width: 13rpx;
height: 23rpx;
} }
} }
.items { .centerbar {
background-color: #fff; flex-wrap: wrap;
padding: 30rpx 20rpx 20px;
image {
height: 180rpx !important;
margin-bottom: 25rpx;
}
}
.topbar {
margin-top: 40rpx;
width: 100%;
display: flex; display: flex;
justify-content: space-between; justify-content: space-evenly;
margin-bottom: 20rpx;
.item { image {
width: 25%; width: 350rpx;
height: 200rpx;
}
}
image { .address {
width: 120rpx; padding: 80rpx 0 0 50rpx;
height: 120rpx;
display: block;
margin: 0 auto 20rpx;
}
.title { image {
font-size: 36rpx; width: 25rpx;
font-weight: 600; height: 30rpx;
text-align: center; // vertical-align: middle;
} }
text {
font-size: 28rpx;
color: #595959;
padding-left: 10rpx;
} }
} }
} }

44
pages/medicalservice/medicalservice.vue
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>

2
pagesB/familymemberdetail/familymemberdetail.vue
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">

2
pagesB/goodsorderRate/goodsorderRate.vue
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>

2
pagesB/lookrate/lookrate.vue
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>

2
pagesB/orderDetails/orderDetails.vue
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>

2
pagesB/site/site.vue
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">
请打开系统定位 请打开系统定位