/* pages/myDoctor/myDoctor.wxss */ .page{ display: flex; overflow: hidden; flex-direction: column; } .tabwraper{ flex:1; background-color: red; overflow: hidden; margin-top: 172rpx; } .van-tab__pane{ flex:1; } .tabbox{ flex:1; width:100%; height:100%; } .van-tabs{ width:100%; } .tabactive{ font-size: 32rpx!important; } .viewcell{ display: flex; overflow: hidden; position: relative; box-sizing: border-box; padding:40rpx 30rpx 30rpx; border-radius: 10rpx; background-color: #fff; margin:0 32rpx 20rpx; } .tabdiv{ height:100%; } .scrollwraper{ height:100%; overflow: scroll; -webkit-overflow-scrolling: touch; } .van-tab__pane{ margin-top: 20rpx; overflow: hidden; height:calc(100vh - 280rpx)!important; } .tabs{ flex:1; margin-top: 172rpx; } .vantab{ display: flex; overflow-y: hidden; position: relative; height:calc(100% - 300rpx); } .viewcell .type{ height: 32rpx; margin-bottom: 6rpx; line-height: 32rpx; display: flex; white-space: nowrap; align-items: center; margin-left: 18rpx; padding:0rpx 6rpx; background: #ED9C00; border-radius: 4rpx; color: #FFFFFF; font-size: 24rpx; } .viewcell .hospital{ word-wrap: break-word; margin-top:12rpx; color: #333333; font-size: 30rpx; } .doctor_title{ margin-right: 10rpx; } .goodjob{ background: #FAFAFA; border-radius: 10rpx; padding:8rpx 15rpx; color: #666666; margin-top: 28rpx; line-height: 42rpx; font-size: 28rpx; word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .viewcell .right{ margin-left: 20rpx; } .viewcell image{ width:80rpx; height:80rpx; border-radius:50%; } .namebox{ display: flex; font-size: 34rpx; font-weight: 600; color:#333; align-items: flex-end; } .namebox .position{ font-weight: normal; margin-left: 15rpx; font-size: 30rpx; } .diseaseType{ height: 40rpx; background: #E2FFFE; border-radius: 20rpx; border: 1rpx solid #3CC7C0; color: #3CC7C0; font-size: 24rpx; margin-right: 20rpx; display: inline-flex; text-align: center; padding:0 15rpx; align-items: center; justify-content: center; margin-top: 20rpx; white-space: nowrap; } .diseaseType:last-child{ margin-right: 0; } .detail{ margin-top: 20rpx; display: flex; font-size: 24rpx; } .viewcell .del{ position: absolute; width:30rpx; padding:30rpx; height:30rpx; right:0rpx; z-index:99; top:16rpx; border-radius: 0; } .nonedata{ margin-top: 172rpx; min-height: 400rpx; }