This commit is contained in:
2023-09-28 10:35:07 +08:00
parent e7509c7327
commit 3eeeb98982
3 changed files with 132 additions and 20 deletions

View File

@ -8,9 +8,52 @@
主任医师 肾内科 主任医师 肾内科
</view> </view>
<view class="Affiliation"> <view class="Affiliation">
<view class="header">
三甲
</view>
<view class="title">
山东大学齐鲁医院 山东大学齐鲁医院
</view> </view>
</view> </view>
<view class="headertitle">
<view class="left">
</view>
<view class="right">
擅长
</view>
</view>
<view class="text">
从事内科临床教学及科研工作对肾脏内科常见病多发病的诊治疑难和危重病人抢救治疗方面积累了丰富的经验
</view>
<view class="headertitle" style="margin-top: 60rpx;">
<view class="left">
</view>
<view class="right">
医生介绍
</view>
</view>
<view class="text">
梁凯医学博士副主任医师山东大学齐鲁医
院内分泌科科主任助理兼任山东省医学会慢性病多
学科管理联合委员会委员兼秘书山东省医师协会内
分泌科医师分会秘书山东预防医学会甲状腺疾病防
治分会委员山东省研究型医院协会标准化代谢性疾
病管理分会委员
</view>
<view class="headertitle" style="margin-top: 60rpx;">
<view class="left">
</view>
<view class="right">
诊疗费
</view>
</view>
<view class="text">
18
</view>
<view class="btn" @tap='goconfirmation'>
立即预约
</view>
</view>
</template> </template>
<script> <script>
@ -19,6 +62,13 @@
return { return {
}; };
},
methods: {
goconfirmation() {
uni.navigateTo({
url: "/pagesB/confirmation/confirmation"
})
},
} }
} }
</script> </script>
@ -30,14 +80,63 @@
.app { .app {
width: 96%; width: 96%;
margin: 20rpx auto; margin: 16rpx auto;
color: #666666; color: #666666;
background-color: #fff;
padding-bottom: 70rpx;
.btn {
width: 80%;
margin: 90rpx auto;
height: 60rpx;
line-height: 60rpx;
text-align: center;
background: #26A888;
border-radius: 5rpx;
font-size: 31rpx;
font-weight: 500;
color: #FFFFFF;
}
.text {
line-height: 60rpx;
word-break: break-all;
width: 90%;
margin: 35rpx auto 0;
text-align: justify;
font-size: 28rpx;
font-weight: 400;
color: #000000;
}
.headertitle {
margin: 30rpx 0 0 30rpx;
display: flex;
align-items: center;
.left {
display: inline-block;
width: 10rpx;
height: 30rpx;
background: #26A888;
border-radius: 1rpx;
margin-right: 16rpx;
}
.right {
display: inline-block;
font-size: 30rpx;
font-weight: 500;
color: #26A888;
}
}
image { image {
display: block; display: block;
width: 150rpx; width: 150rpx;
height: 150rpx; height: 150rpx;
margin: 40rpx auto 0; margin: 0 auto;
padding-top: 20rpx;
} }
.name { .name {
@ -51,7 +150,25 @@
.Affiliation { .Affiliation {
text-align: center; text-align: center;
margin: 16rpx auto 0; margin: 16rpx auto 0;
font-size: 22rpx;
line-height: 30rpx;
.title {
display: inline-block;
}
.header {
margin-right: 10rpx;
display: inline-block;
color: #FFA115;
font-size: 20rpx; font-size: 20rpx;
width: 50rpx;
height: 30rpx;
background: #FFFFFF;
border: 2rpx solid #FFA115;
border-radius: 2rpx;
text-align: center;
}
} }
.position { .position {

View File

@ -102,38 +102,33 @@
width: 30%; width: 30%;
// display: inline-block; // display: inline-block;
height: 100%; height: 100%;
padding-top: 20rpx;
.lefttabbarlist { .lefttabbarlist {
overflow: scroll; overflow: scroll;
-webkit-overflow-scrolling: touch; -webkit-overflow-scrolling: touch;
height: 100%; height: 100%;
text-align: center;
font-size: 30rpx;
.actives { .actives {
width: 80%; width: 80%;
color:#26A888 ; color:#26A888 ;
font-size: 34rpx; // overflow: hidden;
overflow: hidden; // text-overflow: ellipsis;
text-overflow: ellipsis; // white-space: nowrap;
white-space: nowrap;
margin: 0 auto; margin: 0 auto;
line-height: 80rpx; padding: 20rpx 0 ;
border-bottom: 1rpx solid #D8D4D4; border-bottom: 1rpx solid #D8D4D4;
text-align: center;
font-size: 30rpx;
// border-radius: 25rpx 0 0 25rpx; // border-radius: 25rpx 0 0 25rpx;
} }
.active { .active {
text-align: center; padding: 20rpx 0 ;
overflow: hidden; // overflow: hidden;
text-overflow: ellipsis; // text-overflow: ellipsis;
font-size: 30rpx; // white-space: nowrap;
white-space: nowrap;
border-bottom: 1rpx solid #D8D4D4; border-bottom: 1rpx solid #D8D4D4;
width: 80%; width: 80%;
margin: 0 auto; margin: 0 auto;
line-height: 80rpx;
} }
} }
} }

View File

@ -1,6 +1,6 @@
//护理站列表 //护理站列表
.app{ .app{
padding: 0; padding: 20rpx 0 0;
background-color: #fff; background-color: #fff;
} }
::v-deep .u-swiper-item{ ::v-deep .u-swiper-item{