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 @@
@@ -0,0 +1,6 @@
|
||||
{ |
||||
"navigationStyle": "custom", |
||||
"usingComponents": { |
||||
"navbar": "/components/navbar/index" |
||||
} |
||||
} |
||||
@ -0,0 +1,46 @@
@@ -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 @@
@@ -0,0 +1,11 @@
|
||||
const _app = getApp<IAppOption>() |
||||
|
||||
Page({ |
||||
data: {}, |
||||
onLoad() {}, |
||||
handleBack() { |
||||
wx.navigateBack() |
||||
}, |
||||
}) |
||||
|
||||
export {} |
||||
@ -0,0 +1,19 @@
@@ -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 @@
@@ -0,0 +1,6 @@
|
||||
{ |
||||
"navigationStyle": "custom", |
||||
"usingComponents": { |
||||
"navbar": "/components/navbar/index" |
||||
} |
||||
} |
||||
@ -0,0 +1,81 @@
@@ -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 @@
@@ -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 @@
@@ -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> |
||||