kola-web
2 months ago
15 changed files with 262 additions and 16 deletions
@ -0,0 +1,6 @@
@@ -0,0 +1,6 @@
|
||||
{ |
||||
"usingComponents": { |
||||
"navbar": "/components/navbar/index", |
||||
"van-popup": "@vant/weapp/popup/index" |
||||
} |
||||
} |
||||
@ -0,0 +1,122 @@
@@ -0,0 +1,122 @@
|
||||
page { |
||||
background-color: #f7f1ff; |
||||
} |
||||
|
||||
.nav-back { |
||||
color: #333333; |
||||
font-size: 36rpx; |
||||
} |
||||
.nav-title { |
||||
color: #fff; |
||||
} |
||||
.page { |
||||
.body { |
||||
margin: 44rpx 40rpx; |
||||
padding-top: 174rpx; |
||||
.contaienr { |
||||
background: linear-gradient(180deg, #e7d5ff 0%, #ffffff 14.78%, #ffffff 100%); |
||||
padding: 32rpx 40rpx; |
||||
border-radius: 32rpx; |
||||
.title { |
||||
font-size: 36rpx; |
||||
color: #211d2e; |
||||
line-height: 56rpx; |
||||
} |
||||
.progress { |
||||
margin-top: 32rpx; |
||||
padding: 46rpx 32rpx; |
||||
background: #f6f8f9; |
||||
border-radius: 16rpx 16rpx 16rpx 16rpx; |
||||
border: 2rpx solid #ffffff; |
||||
.p-header { |
||||
margin-bottom: 20rpx; |
||||
font-size: 36rpx; |
||||
color: #211d2e; |
||||
font-weight: bold; |
||||
display: flex; |
||||
align-items: center; |
||||
gap: 16rpx; |
||||
&::before { |
||||
flex-shrink: 0; |
||||
content: ''; |
||||
width: 6rpx; |
||||
height: 36rpx; |
||||
border-radius: 44rpx; |
||||
background: #b982ff; |
||||
} |
||||
} |
||||
.row { |
||||
display: flex; |
||||
gap: 18rpx; |
||||
.aside { |
||||
display: flex; |
||||
flex-direction: column; |
||||
align-items: center; |
||||
.order { |
||||
position: relative; |
||||
flex-shrink: 0; |
||||
width: 32rpx; |
||||
height: 32rpx; |
||||
font-size: 24rpx; |
||||
color: #ffffff; |
||||
text-align: center; |
||||
line-height: 32rpx; |
||||
border-radius: 50%; |
||||
background: rgba(185, 130, 255, 0.29); |
||||
&::after { |
||||
position: absolute; |
||||
top: 50%; |
||||
left: 50%; |
||||
transform: translate(-50%, -50%); |
||||
content: ''; |
||||
width: 16rpx; |
||||
height: 16rpx; |
||||
border-radius: 50%; |
||||
background-color: #b982ff; |
||||
} |
||||
} |
||||
.line { |
||||
flex: 1; |
||||
border-right: 1px dashed #b982ff; |
||||
} |
||||
.line-top { |
||||
height: 16rpx; |
||||
border-right: 1px dashed #b982ff; |
||||
} |
||||
.op0 { |
||||
opacity: 0; |
||||
} |
||||
} |
||||
.r-content { |
||||
font-size: 36rpx; |
||||
color: #211d2e; |
||||
line-height: 64rpx; |
||||
} |
||||
} |
||||
} |
||||
.tip { |
||||
margin-top: 28rpx; |
||||
font-size: 28rpx; |
||||
color: #adacb2; |
||||
} |
||||
.btn1 { |
||||
margin-top: 48rpx; |
||||
height: 88rpx; |
||||
display: flex; |
||||
align-items: center; |
||||
font-size: 36rpx; |
||||
color: #ffffff; |
||||
justify-content: center; |
||||
background: linear-gradient(344deg, #ffbcf9 0%, #b982ff 100%); |
||||
border-radius: 100rpx 100rpx 100rpx 100rpx; |
||||
} |
||||
.btn2 { |
||||
margin-top: 20rpx; |
||||
padding: 20rpx; |
||||
font-size: 36rpx; |
||||
color: #B982FF; |
||||
text-align: center; |
||||
} |
||||
} |
||||
} |
||||
} |
||||
@ -0,0 +1,41 @@
@@ -0,0 +1,41 @@
|
||||
const app = getApp<IAppOption>() |
||||
|
||||
Page({ |
||||
data: { |
||||
id: '', |
||||
}, |
||||
onLoad(options) { |
||||
app.waitLogin({ type: [1] }).then(() => { |
||||
if (options.id) { |
||||
wx.showToast({ |
||||
icon: 'none', |
||||
title: '每日仅录入1次，您可修改已录信息', |
||||
}) |
||||
this.setData({ |
||||
id: options.id, |
||||
}) |
||||
} |
||||
}) |
||||
}, |
||||
handleAdd() { |
||||
wx.navigateTo({ |
||||
url: `/patient/pages/hormones/index?id=${this.data.id}`, |
||||
}) |
||||
}, |
||||
handleReport() { |
||||
wx.navigateTo({ |
||||
url: `/patient/pages/qolReport/index?scrollId=proit-hormone`, |
||||
}) |
||||
}, |
||||
handleBack() { |
||||
wx.navigateBack({ |
||||
fail() { |
||||
wx.reLaunch({ |
||||
url: '/patient/pages/index/index', |
||||
}) |
||||
}, |
||||
}) |
||||
}, |
||||
}) |
||||
|
||||
export {} |
||||
@ -0,0 +1,50 @@
@@ -0,0 +1,50 @@
|
||||
<navbar custom-style="background:{{background}};" fixed> |
||||
<van-icon class="nav-back" name="arrow-left" slot="left" bind:tap="handleBack" /> |
||||
</navbar> |
||||
|
||||
<view |
||||
class="page" |
||||
style="background: url('{{imageUrl}}bg10.png?t={{Timestamp}}') no-repeat top center/100% 610rpx;padding-top:{{pageTop+22}}px;" |
||||
> |
||||
<view class="body" style="background: url('{{imageUrl}}bg40.png?t={{Timestamp}}') no-repeat top center/100% 423rpx"> |
||||
<view class="contaienr"> |
||||
<view class="title"> |
||||
糖皮质激素具有强大的抗炎和免疫抑制作用，能够减轻眼睑、泪腺等眼眶周围组织炎性反应，改善眼外肌水肿等症状。 |
||||
</view> |
||||
<view class="progress"> |
||||
<view class="p-header">日常记录用量的必要性</view> |
||||
<view class="row"> |
||||
<view class="aside"> |
||||
<view class="line-top op0"></view> |
||||
<view class="order"></view> |
||||
<view class="line"></view> |
||||
</view> |
||||
<view class="r-content">自我管理健康的关键动作</view> |
||||
</view> |
||||
<view class="row"> |
||||
<view class="aside"> |
||||
<view class="line-top"></view> |
||||
<view class="order"></view> |
||||
<view class="line"></view> |
||||
</view> |
||||
<view class="r-content">补充钙剂和维生素D</view> |
||||
</view> |
||||
<view class="row"> |
||||
<view class="aside"> |
||||
<view class="line-top"></view> |
||||
<view class="order"></view> |
||||
<view class="line op0"></view> |
||||
</view> |
||||
<view class="r-content">平衡“治疗效果”与 “用药安全”的核心</view> |
||||
</view> |
||||
</view> |
||||
<view class="tip"> |
||||
参考文献 |
||||
<view></view> |
||||
中国甲状腺相关眼病诊断和治疗指南(2022年) |
||||
</view> |
||||
<view class="btn1" bind:tap="handleAdd">开始记录</view> |
||||
<view class="btn2" bind:tap="handleReport">查看我的记录</view> |
||||
</view> |
||||
</view> |
||||
</view> |
||||
Loading…
Reference in new issue