123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114 |
- .hospital-new-component .patient-detail {
- background-image: linear-gradient(180deg, #1677FF 20rpx, rgba(22, 119, 255, 0) 96%);
- background-size: 100% 200rpx;
- background-repeat: no-repeat;
- height: 100vh;
- overflow-y: auto;
- }
- .hospital-new-component .patient-detail .patient-d-block {
- padding: 24rpx;
- background: #fff;
- border-radius: 24rpx;
- margin: 24rpx;
- color: #666;
- font-size: 24rpx;
- line-height: 40rpx;
- }
- .hospital-new-component .patient-detail .patient-d-block .patient-d-flex {
- display: flex;
- justify-content: space-between;
- align-items: center;
- margin-top: 4rpx;
- margin-bottom: 10rpx;
- }
- .hospital-new-component .patient-detail .patient-d-block .patient-d-name {
- color: #333;
- font-size: 40rpx;
- margin-right: 24rpx;
- font-weight: 500;
- }
- .hospital-new-component .patient-detail .patient-d-block .patient-d-rela {
- color: #1677FF;
- font-size: 20rpx;
- font-weight: 300;
- border-radius: 4rpx;
- border: 1rpx solid rgba(22, 119, 255, 0.3);
- padding: 0 8rpx;
- line-height: 28rpx;
- }
- .hospital-new-component .patient-detail .patient-d-block .patient-d-btn {
- color: #1677FF;
- }
- .hospital-new-component .patient-detail .patient-d-block .patient-more {
- display: flex;
- justify-content: center;
- }
- .hospital-new-component .patient-detail .patient-d-block .patient-more .patient-more-img {
- width: 60rpx;
- height: 60rpx;
- transform: rotate3d(0, 0, 1, 90deg);
- }
- .hospital-new-component .patient-detail .patient-d-block .am-collapse-item {
- display: flex;
- flex-direction: column-reverse;
- }
- .hospital-new-component .patient-detail .patient-d-block .am-collapse-item-title {
- padding: 0;
- transition: height 0.2s linear;
- overflow: hidden;
- margin-bottom: -20rpx;
- }
- .hospital-new-component .patient-detail .patient-d-block .am-collapse-item-title:after {
- display: none;
- }
- .hospital-new-component .patient-detail .patient-d-block .am-collapse-item-title.title--active .patient-more {
- transform: rotate3d(0, 0, 1, 180deg);
- }
- .hospital-new-component .patient-detail .patient-d-block .am-collapse-item-title .am-collapse-item-title-container {
- justify-content: center;
- }
- .hospital-new-component .patient-detail .patient-d-block .item-content {
- border-top: 1rpx solid rgba(0, 0, 0, 0.1);
- padding-top: 20rpx;
- }
- .hospital-new-component .patient-detail .patient-d-block .item-content .patient-radio,
- .hospital-new-component .patient-detail .patient-d-block .item-content .patient-label {
- display: flex;
- align-items: center;
- justify-content: center;
- }
- .hospital-new-component .patient-detail .patient-button {
- width: 200rpx;
- margin: 60rpx auto;
- line-height: 52rpx;
- border-radius: 8rpx;
- color: #1677FF;
- font-size: 26rpx;
- text-align: center;
- }
- .hospital-new-component .patient-detail .patient-d-wrap {
- color: #999;
- font-size: 24rpx;
- line-height: 40rpx;
- }
- .hospital-new-component .patient-detail .patient-d-wrap .patient-d-title {
- color: #333;
- font-size: 30rpx;
- display: flex;
- font-weight: 500;
- justify-content: space-between;
- }
- .hospital-new-component .patient-detail .patient-d-wrap .patient-d-title .patient-d-rela {
- margin-left: 20rpx;
- }
- .hospital-new-component .patient-detail .patient-card-num {
- color: #999;
- font-size: 24rpx;
- margin: -10rpx 24rpx;
- }
- .hospital-new-component .patient-detail .patient-msg {
- color: #999;
- font-size: 24rpx;
- margin: 50rpx 24rpx;
- line-height: 36rpx;
- }
|