|
|
|
@ -3,18 +3,52 @@ |
|
|
|
<view class="header-wrapper flex"> |
|
|
|
<view class="left"> |
|
|
|
<view class="flex top PfScMedium"> |
|
|
|
<view class="ft50">李静静</view> |
|
|
|
<view>中医针灸科中医针灸科</view> |
|
|
|
<view class="ft50 over2">李静</view> |
|
|
|
<view class=""> |
|
|
|
<view class="over2">中医针灸科</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view class="bt PfScRegular over2"> |
|
|
|
北京中医药大学硕士 从业10年北京中医药大学硕士 从业10年北京中医药大学硕士 从业10年 |
|
|
|
<view class="bt over2"> |
|
|
|
北京中医药大学硕士 从业10年 |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<img class="right" src="https://qny.xmz.yitongtang66.com/uploads/20240202/4c91b27887ee12a29beb015ef4dfe71f.jpg" alt=""> |
|
|
|
</view> |
|
|
|
|
|
|
|
<view class="block"> |
|
|
|
|
|
|
|
<view class="block desc-wrapper"> |
|
|
|
<view class="title-wrapper flex"> |
|
|
|
<view class="title"> |
|
|
|
医生简介 |
|
|
|
</view> |
|
|
|
<img :src="cssUrl+'right_bg.png'" alt=""> |
|
|
|
</view> |
|
|
|
|
|
|
|
<view class="con over2 over4"> |
|
|
|
北京中医药大学硕士研究生，中国针灸学会会员，中国中医药信息学会专科专病诊疗分会理事，擅长针药并用治疗内科疾病。取穴少，用药精。擅长月经不调、痛经、带下症、妇科炎症、胃炎 |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
|
|
|
|
<view class="block hospital-wrapper"> |
|
|
|
<view class="item"> |
|
|
|
<view class="top flex"> |
|
|
|
<view class="left"> |
|
|
|
<view class="title flex"> |
|
|
|
<text>中国中医科学院广安门医院门诊</text> |
|
|
|
<img :src="cssUrl+'index_comback.svg'" alt=""> |
|
|
|
</view> |
|
|
|
<view class="date"> |
|
|
|
出诊：周三下午、周六上午 |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view class="right"> |
|
|
|
<img :src="cssUrl+'index_nav.svg'" alt=""> |
|
|
|
<text>导航</text> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view class="bot primary btn btn2"> |
|
|
|
预约看诊 |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</template> |
|
|
|
@ -39,28 +73,32 @@ |
|
|
|
<style lang="scss" scoped> |
|
|
|
.index-page{ |
|
|
|
.header-wrapper{ |
|
|
|
height: 208rpx; |
|
|
|
min-height: 208rpx; |
|
|
|
padding: 24rpx 40rpx 24rpx; |
|
|
|
box-sizing: border-box; |
|
|
|
.left{ |
|
|
|
width: 510rpx; |
|
|
|
.top{ |
|
|
|
overflow: hidden; |
|
|
|
margin-top: 31rpx; |
|
|
|
& view:first-of-type{ |
|
|
|
color: #000000; |
|
|
|
letter-spacing: 1rpx; |
|
|
|
margin-right: 27rpx; |
|
|
|
max-width: 380rpx; |
|
|
|
max-width: 250rpx; |
|
|
|
} |
|
|
|
& view:last-of-type{ |
|
|
|
width: auto; |
|
|
|
padding: 0 15rpx; |
|
|
|
margin-top: 14rpx; |
|
|
|
line-height: 42rpx; |
|
|
|
font-size: 28rpx; |
|
|
|
text-align: left; |
|
|
|
background: linear-gradient( 288deg, #FFEED2 0%, #FED9A6 100%); |
|
|
|
border-radius: 8rpx; |
|
|
|
color: #7D501F; |
|
|
|
view{ |
|
|
|
width: auto; |
|
|
|
padding: 0 15rpx; |
|
|
|
margin-top: 14rpx; |
|
|
|
line-height: 42rpx; |
|
|
|
font-size: 28rpx; |
|
|
|
text-align: left; |
|
|
|
background: linear-gradient( 288deg, #FFEED2 0%, #FED9A6 100%); |
|
|
|
border-radius: 8rpx; |
|
|
|
color: #7D501F; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
.bt{ |
|
|
|
@ -83,6 +121,101 @@ |
|
|
|
background: #FFFFFF; |
|
|
|
border-radius: 8rpx; |
|
|
|
padding: 36rpx 24rpx; |
|
|
|
box-sizing: border-box; |
|
|
|
margin: 0 auto; |
|
|
|
width: 714rpx; |
|
|
|
margin-bottom: 20rpx; |
|
|
|
} |
|
|
|
.desc-wrapper{ |
|
|
|
box-shadow: 0rpx 2rpx 24rpx 0rpx rgba(0,0,0,0.03); |
|
|
|
color: #949699; |
|
|
|
font-size: 30rpx; |
|
|
|
line-height: 50rpx; |
|
|
|
.title-wrapper{ |
|
|
|
.title{ |
|
|
|
width: 117rpx; |
|
|
|
height: 42rpx; |
|
|
|
padding-left: 13rpx; |
|
|
|
margin-bottom: 36rpx; |
|
|
|
font-size: 26rpx; |
|
|
|
color: #FFFFFF; |
|
|
|
line-height: 42rpx; |
|
|
|
text-align: center; |
|
|
|
border-radius: 8rpx 0rpx 0rpx 8rpx; |
|
|
|
background: linear-gradient( 98deg, #53C184 0%, #5CD378 100%); |
|
|
|
} |
|
|
|
img{ |
|
|
|
width: 48rpx; |
|
|
|
height: 42rpx; |
|
|
|
} |
|
|
|
} |
|
|
|
.con{ |
|
|
|
height: 200rpx; |
|
|
|
} |
|
|
|
} |
|
|
|
// <view class="block hospital-wrapper"> |
|
|
|
// <view class="item"> |
|
|
|
// <view class="top flex"> |
|
|
|
// <view class="left"> |
|
|
|
// <view class="title"> |
|
|
|
// <text>中国中医科学院广安门医院门诊</text> |
|
|
|
// <img :src="cssUrl+'index_comback.svg'" alt=""> |
|
|
|
// </view> |
|
|
|
// <view class=""> |
|
|
|
// 出诊：周三下午、周六上午 |
|
|
|
// </view> |
|
|
|
// </view> |
|
|
|
// <view class="right"> |
|
|
|
// <img :src="cssUrl+'index_nav.svg'" alt=""> |
|
|
|
// <text>导航</text> |
|
|
|
// </view> |
|
|
|
// </view> |
|
|
|
// <view class="bot primary btn btn2"> |
|
|
|
// 预约看诊 |
|
|
|
// </view> |
|
|
|
// </view> |
|
|
|
// </view> |
|
|
|
.hospital-wrapper{ |
|
|
|
.item{ |
|
|
|
height: 207rpx; |
|
|
|
width: 100%; |
|
|
|
.top{ |
|
|
|
.left{ |
|
|
|
flex-grow: 1; |
|
|
|
.title{ |
|
|
|
align-items: center; |
|
|
|
img{ |
|
|
|
width: 20rpx; |
|
|
|
height: 32rpx; |
|
|
|
} |
|
|
|
} |
|
|
|
.date{ |
|
|
|
line-height: 40rpx; |
|
|
|
font-size: 28rpx; |
|
|
|
color: #666666; |
|
|
|
margin-top: 14rpx; |
|
|
|
} |
|
|
|
} |
|
|
|
.right{ |
|
|
|
width: 59rpx; |
|
|
|
height: 100%; |
|
|
|
img{ |
|
|
|
width: 52rpx; |
|
|
|
height: 52rpx; |
|
|
|
background: #F4F4F4; |
|
|
|
border-radius: 6rpx; |
|
|
|
} |
|
|
|
text{ |
|
|
|
width: 60rpx; |
|
|
|
height: 54rpx; |
|
|
|
display: block; |
|
|
|
font-size: 26rpx; |
|
|
|
color: #666666; |
|
|
|
line-height: 37rpx; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
</style> |
|
|
|
|
