kola-web
1 month ago
|
After Width: | Height: | Size: 331 KiB |
|
After Width: | Height: | Size: 247 KiB |
|
After Width: | Height: | Size: 63 KiB |
|
After Width: | Height: | Size: 61 KiB |
|
After Width: | Height: | Size: 60 KiB |
|
After Width: | Height: | Size: 313 KiB |
|
After Width: | Height: | Size: 1.4 KiB |
|
After Width: | Height: | Size: 49 KiB |
|
After Width: | Height: | Size: 41 KiB |
|
After Width: | Height: | Size: 16 KiB |
@ -0,0 +1,6 @@ |
|||||||
|
{ |
||||||
|
"navigationStyle": "custom", |
||||||
|
"usingComponents": { |
||||||
|
"navbar": "/components/navbar/index" |
||||||
|
} |
||||||
|
} |
||||||
@ -0,0 +1,46 @@ |
|||||||
|
.page { |
||||||
|
padding: 232rpx 60rpx 0; |
||||||
|
.badge { |
||||||
|
margin: 0 auto; |
||||||
|
display: block; |
||||||
|
width: 232rpx; |
||||||
|
height: 232rpx; |
||||||
|
} |
||||||
|
.title { |
||||||
|
margin: 54rpx auto 0; |
||||||
|
display: block; |
||||||
|
width: 342rpx; |
||||||
|
height: 44rpx; |
||||||
|
} |
||||||
|
.content { |
||||||
|
margin-top: 28rpx; |
||||||
|
font-size: 32rpx; |
||||||
|
color: rgba(1, 1, 5, 1); |
||||||
|
line-height: 48rpx; |
||||||
|
text-align: center; |
||||||
|
} |
||||||
|
.tip { |
||||||
|
margin-top: 32rpx; |
||||||
|
font-size: 32rpx; |
||||||
|
color: rgba(161, 164, 172, 1); |
||||||
|
text-align: center; |
||||||
|
} |
||||||
|
.submit { |
||||||
|
margin-top: 116rpx; |
||||||
|
height: 88rpx; |
||||||
|
display: flex; |
||||||
|
align-items: center; |
||||||
|
justify-content: center; |
||||||
|
background: linear-gradient(356deg, #f23a2f 0%, #fc684f 100%); |
||||||
|
border-radius: 84rpx; |
||||||
|
font-size: 32rpx; |
||||||
|
color: rgba(255, 255, 255, 1); |
||||||
|
} |
||||||
|
.cancel { |
||||||
|
margin-top: 30rpx; |
||||||
|
padding: 24rpx; |
||||||
|
text-align: center; |
||||||
|
font-size: 32rpx; |
||||||
|
color: rgba(246, 74, 58, 1); |
||||||
|
} |
||||||
|
} |
||||||
@ -0,0 +1,11 @@ |
|||||||
|
const _app = getApp<IAppOption>() |
||||||
|
|
||||||
|
Page({ |
||||||
|
data: {}, |
||||||
|
onLoad() {}, |
||||||
|
handleBack() { |
||||||
|
wx.navigateBack() |
||||||
|
}, |
||||||
|
}) |
||||||
|
|
||||||
|
export {} |
||||||
@ -0,0 +1,19 @@ |
|||||||
|
<navbar fixed title="绑定医生" custom-style="background:{{background}}" back> |
||||||
|
<van-icon name="arrow-left" slot="left" size="18px" color="#000" bind:tap="handleBack" /> |
||||||
|
</navbar> |
||||||
|
|
||||||
|
<view |
||||||
|
class="page" |
||||||
|
style="padding-top:{{pageTop+100}}px;background:url('{{imageUrl}}bg13.png?t={{Timestamp}}') no-repeat top center/100% 666rpx" |
||||||
|
> |
||||||
|
<image class="badge" src="/images/icon71.png"></image> |
||||||
|
<image class="title" src="/images/title9.png"></image> |
||||||
|
<view class="content"> |
||||||
|
绑定医生后 |
||||||
|
<view></view> |
||||||
|
医生可以实时看到您的检查进展 |
||||||
|
</view> |
||||||
|
<view class="tip">您可以扫描不同医生邀约码绑定多个医生</view> |
||||||
|
<view class="submit">继续绑定</view> |
||||||
|
<view class="cancel" bind:tap="handleBack">取消</view> |
||||||
|
</view> |
||||||
@ -0,0 +1,6 @@ |
|||||||
|
{ |
||||||
|
"navigationStyle": "custom", |
||||||
|
"usingComponents": { |
||||||
|
"navbar": "/components/navbar/index" |
||||||
|
} |
||||||
|
} |
||||||
@ -0,0 +1,81 @@ |
|||||||
|
page { |
||||||
|
background-color: rgba(247, 247, 250, 1); |
||||||
|
} |
||||||
|
|
||||||
|
.page { |
||||||
|
padding: 0 40rpx 40rpx; |
||||||
|
background: linear-gradient(180deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%); |
||||||
|
.card { |
||||||
|
margin-top: 40rpx; |
||||||
|
padding: 32rpx; |
||||||
|
background: #ffffff; |
||||||
|
border-radius: 24rpx 24rpx 24rpx 24rpx; |
||||||
|
.user { |
||||||
|
display: flex; |
||||||
|
align-items: center; |
||||||
|
justify-content: space-between; |
||||||
|
gap: 24rpx; |
||||||
|
.avatar { |
||||||
|
flex-shrink: 0; |
||||||
|
width: 92rpx; |
||||||
|
height: 92rpx; |
||||||
|
border-radius: 50%; |
||||||
|
} |
||||||
|
.wrap { |
||||||
|
flex: 1; |
||||||
|
.w-name { |
||||||
|
font-size: 32rpx; |
||||||
|
color: rgba(1, 1, 5, 1); |
||||||
|
font-weight: bold; |
||||||
|
} |
||||||
|
.w-content { |
||||||
|
margin-top: 4rpx; |
||||||
|
line-height: 28rpx; |
||||||
|
.hostipal { |
||||||
|
margin-top: 12rpx; |
||||||
|
margin-right: 12rpx; |
||||||
|
display: inline-block; |
||||||
|
font-size: 28rpx; |
||||||
|
color: rgba(161, 164, 172, 1); |
||||||
|
} |
||||||
|
.tag { |
||||||
|
margin-top: 12rpx; |
||||||
|
vertical-align: middle; |
||||||
|
display: inline-block; |
||||||
|
padding: 0 8rpx; |
||||||
|
font-size: 20rpx; |
||||||
|
color: rgba(255, 255, 255, 1); |
||||||
|
border-radius: 6rpx; |
||||||
|
background-color: rgba(255, 186, 1, 1); |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
.select { |
||||||
|
padding: 6rpx 32rpx; |
||||||
|
font-size: 32rpx; |
||||||
|
color: rgba(255, 255, 255, 1); |
||||||
|
line-height: 44rpx; |
||||||
|
background: linear-gradient(356deg, #f23a2f 0%, #fc684f 100%); |
||||||
|
box-shadow: 0rpx 13rpx 26rpx 0rpx rgba(151, 151, 151, 0.05); |
||||||
|
border-radius: 58rpx 58rpx 58rpx 58rpx; |
||||||
|
} |
||||||
|
} |
||||||
|
.content { |
||||||
|
margin-top: 32rpx; |
||||||
|
font-size: 28rpx; |
||||||
|
color: rgba(161, 164, 172, 1); |
||||||
|
line-height: 40rpx; |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
.add { |
||||||
|
position: fixed; |
||||||
|
left: 50%; |
||||||
|
bottom: 142rpx; |
||||||
|
transform: translateX(-50%); |
||||||
|
width: 156rpx; |
||||||
|
height: 156rpx; |
||||||
|
border-radius: 50%; |
||||||
|
box-shadow: 0 20rpx 30rpx #f0b4af; |
||||||
|
} |
||||||
|
} |
||||||
@ -0,0 +1,17 @@ |
|||||||
|
const _app = getApp<IAppOption>() |
||||||
|
|
||||||
|
Page({ |
||||||
|
data: {}, |
||||||
|
onLoad() {}, |
||||||
|
handleUnbind() { |
||||||
|
wx.showModal({ |
||||||
|
title: '确认解绑？', |
||||||
|
confirmColor: 'rgba(246, 74, 58, 1)', |
||||||
|
}) |
||||||
|
}, |
||||||
|
handleBack() { |
||||||
|
wx.navigateBack() |
||||||
|
}, |
||||||
|
}) |
||||||
|
|
||||||
|
export {} |
||||||
@ -0,0 +1,28 @@ |
|||||||
|
<navbar fixed title="医生列表" custom-style="background:{{background}}" back> |
||||||
|
<van-icon name="arrow-left" slot="left" size="18px" color="#000" bind:tap="handleBack" /> |
||||||
|
</navbar> |
||||||
|
<view |
||||||
|
class="page" |
||||||
|
style="background: url('{{imageUrl}}bg7.png?t={{Timestamp}}') no-repeat top center/100% 602rpx;padding-top:{{pageTop}}px;" |
||||||
|
> |
||||||
|
<view class="card"> |
||||||
|
<view class="user"> |
||||||
|
<image |
||||||
|
class="avatar" |
||||||
|
src="https://pic1.zhimg.com/50/v2-8cfef5f9ea7d15963af2277c6814f152_720w.jpg?source=2c26e567" |
||||||
|
></image> |
||||||
|
<view class="wrap"> |
||||||
|
<view class="w-name">王青</view> |
||||||
|
<view class="w-content"> |
||||||
|
<view class="hostipal">北京积水潭医院龙泽院区</view> |
||||||
|
<view class="tag">三甲</view> |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
<view class="select">选择</view> |
||||||
|
</view> |
||||||
|
<view class="content"> |
||||||
|
北京积水潭医院龙泽院区副主任医师，有 12 年的 |
||||||
|
治疗经验。中华医学会血液学分会血栓与止血学组副组长，中国罕见病联盟血友病学组副秘书长，中国血友病青年协作组常务理事长， |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
</view> |
||||||