.doctor-index-content{ &{ position: relative; } .tab{ height: 80upx; &::after{ display: block; clear: both; content: ""; } .item{ float: left; width: 50%; height: 80upx; text-align: center; line-height: 80upx; text{ display: inline-block; height: 100%; padding: 0 20upx; box-sizing: border-box; } &.active{ text{ border-bottom: 1px solid #007AFF; } } } } .search{ height: 100upx; display: flex; justify-content: space-between; align-items: center; padding: 0 28upx 0 60upx; .inp{ width: 350upx; display: flex; justify-content:flex-start; align-items: center; height: 60upx; input{ height: 100%; margin-left: 14upx; display: inline-block; font-size: 24upx; color: #999999; &::-webkit-input-placeholder { font-size: 24upx; color: #999999; } } } .searchBt{ button{ width: 130upx; height: 60upx; line-height: 60upx; background-color: #3384FF; text-align: center; color: #fff; font-size: 24upx; } } } .more-filter{ padding: 20upx; border-top: 1px solid #eaeaea; .filterBt{ padding-left: 20upx; .zhcx-iconfont{ font-size: 16upx; padding-left: 10upx; } } .uni-input{ border: 1px solid #ccc; display: inline-block; padding: 10upx 20upx; } } .tab-cont{ background-color: #fff; padding-bottom: 30upx; .item-container{ margin-top: 65upx; .item{ position: relative; padding: 20upx; background-color: #fff; // margin-bottom: 10upx; border-bottom: 1upx solid #eaeaea; .avatar{ overflow: hidden; position: absolute; left: 20upx; top: 20upx; &,.pic{ width: 86upx; height: 86upx; border-radius: 50%; } } .item-info{ margin-left: 120upx; line-height: 1; .user{ display: flex; justify-content: flex-start; align-items: center; .name{ color: #333; font-size: 30upx; width: 300upx; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .gender{ position: relative; padding:0 30upx; &::after{ width: 16upx; height: 16upx; border-radius: 50%; position: absolute; left: 10upx; top: 50%; transform: translateY(-50%); background-color: #1890FF; display: block; content: ""; } &.woman::after{ background-color: red; } } } .illnessType{ padding-top:24upx; color: #424242; font-size: 28upx; } .time{ color: #999; font-size: 28upx; padding-top: 24upx; } } } } } .zhcx-modal{ position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: #fff; overflow-y: auto; z-index:999; } }