@ -16,21 +16,12 @@ page {
padding-bottom : 180 rpx ;
padding-bottom : 180 rpx ;
. doctor {
. doctor {
margin : $page-margin $page-margin 0 ;
margin : $page-margin $page-margin 0 ;
padding : 16 rpx 10 rpx 10 rpx ;
padding : 32 rpx ;
border-radius : 24 rpx ;
border-radius : 24 rpx ;
background : linear-gradient ( 195 deg , #ffe3fc 0 % , #ecddff 100 % ) ;
background : linear-gradient ( 195 deg , #ffe3fc 0 % , #ecddff 100 % ) ;
. title {
padding-left : 16 rpx ;
font-size : 32 rpx ;
color : rgba ( 185 , 130 , 255 , 1 ) ;
font-weight : bold ;
}
. container {
. container {
margin-top : 16 rpx ;
padding : 27 rpx 0 27 rpx 27 rpx ;
display : flex ;
display : flex ;
justify-content : space-between ;
justify-content : space-between ;
background : linear-gradient ( 351 deg , #ffffff 0 % , rgba ( 255 , 255 , 255 , 0 .78 ) 100 % ) ;
border-radius : 21 rpx ;
border-radius : 21 rpx ;
. avatar {
. avatar {
width : 104 rpx ;
width : 104 rpx ;
@ -122,26 +113,16 @@ page {
}
}
}
}
}
}
. btn {
align-self : center ;
width : 128 rpx ;
height : 44 rpx ;
font-size : 28 rpx ;
color : #fff ;
background : linear-gradient ( 197 deg , #ffbcf9 0 % , #b982ff 100 % ) ;
border-radius : 420 rpx 0 0 420 rpx ;
display : flex ;
align-items : center ;
justify-content : center ;
}
}
}
& . doctor-drugs {
. container {
. btn {
. btn {
margin-top : 32 rpx ;
height : 64 rpx ;
font-size : 28 rpx ;
color : #ffffff ;
color : #ffffff ;
background : rgba ( 37 , 217 , 200 , 1 ) ;
text-align : center ;
}
line-height : 64 rpx ;
}
background : linear-gradient ( 197 deg , #ffbcf9 0 % , #b982ff 100 % ) ;
border-radius : 64 rpx 64 rpx 64 rpx 64 rpx ;
}
}
}
}
. banner {
. banner {
@ -209,7 +190,7 @@ page {
padding : 32 rpx 0 ;
padding : 32 rpx 0 ;
background : #ffffff ;
background : #ffffff ;
display : flex ;
display : flex ;
border-bottom : 1 px dotted rgba ( 39 , 58 , 101 , 0 .2 ) ;
border-bottom : 1 px dotted rgba ( 39 , 58 , 101 , 0 .1 ) ;
& : last-of-type {
& : last-of-type {
border : none ;
border : none ;
}
}
@ -271,7 +252,7 @@ page {
text-overflow : ellipsis ;
text-overflow : ellipsis ;
overflow : hidden ;
overflow : hidden ;
. line {
. line {
margin : 0 4 rpx ;
margin : 0 8 rpx ;
vertical-align : baseline ;
vertical-align : baseline ;
display : inline-block ;
display : inline-block ;
width : 1 px ;
width : 1 px ;
@ -290,7 +271,8 @@ page {
color : rgba ( 105 , 104 , 110 , 1 ) ;
color : rgba ( 105 , 104 , 110 , 1 ) ;
}
}
. btn {
. btn {
width : 128 rpx ;
min-width : 128 rpx ;
padding : 0 18 rpx ;
height : 48 rpx ;
height : 48 rpx ;
display : flex ;
display : flex ;
align-items : center ;
align-items : center ;
@ -328,12 +310,13 @@ page {
}
}
. swiper {
. swiper {
margin : 0 - 40 rpx ;
margin : 0 - 40 rpx ;
height : 70 0 rpx ;
height : 78 0 rpx ;
. swiper-item {
. swiper-item {
padding : 32 rpx 40 rpx ;
padding : 32 rpx 40 rpx ;
box-sizing : border-box ;
box-sizing : border-box ;
. book-list {
. book-list {
padding : 0 32 rpx ;
padding : 0 32 rpx ;
height : 100 % ;
border-radius : 32 rpx ;
border-radius : 32 rpx ;
background-color : #fff ;
background-color : #fff ;
box-shadow : 0 0 32 rpx 1 rpx rgba ( 0 , 0 , 0 , 0 .08 ) ;
box-shadow : 0 0 32 rpx 1 rpx rgba ( 0 , 0 , 0 , 0 .08 ) ;
@ -341,6 +324,7 @@ page {
. card {
. card {
padding : 32 rpx 0 ;
padding : 32 rpx 0 ;
display : flex ;
display : flex ;
border-bottom : 1 px dotted rgba ( 39 , 58 , 101 , 0 .1 ) ;
> view : not ( : last-of-type ) ,
> view : not ( : last-of-type ) ,
> image {
> image {
margin-right : 24 rpx ;
margin-right : 24 rpx ;
@ -383,8 +367,18 @@ page {
}
}
}
}
. card : not ( : last-of-type ) {
. card : nth-of-type ( 3 ) {
border-bottom : 1 rpx dotted rgba ( 39 , 58 , 101 , 0 .2 ) ;
border : none ;
}
. more {
height : 72 rpx ;
font-size : 28 rpx ;
color : #b982ff ;
display : flex ;
align-items : center ;
justify-content : center ;
background : #f2e8ff ;
border-radius : 100 rpx 100 rpx 100 rpx 100 rpx ;
}
}
}
}
}
}
@ -406,7 +400,7 @@ page {
left : 64 rpx ;
left : 64 rpx ;
bottom : calc ( env ( safe - area-inset-bottom ) + 120 rpx ) ;
bottom : calc ( env ( safe - area-inset-bottom ) + 120 rpx ) ;
width : 622 rpx ;
width : 622 rpx ;
background-color : rgba ( 39 , 58 , 101 , 0 .8 ) ;
background-color : rgba ( 33 , 29 , 46 , 0 .62 ) ;
box-shadow : 0 8 rpx 24 rpx rgba ( 92 , 144 , 220 , 0 .25 ) ;
box-shadow : 0 8 rpx 24 rpx rgba ( 92 , 144 , 220 , 0 .25 ) ;
height : 84 rpx ;
height : 84 rpx ;
line-height : 84 rpx ;
line-height : 84 rpx ;