69 lines
1.8 KiB
Vue
69 lines
1.8 KiB
Vue
<script setup></script>
|
||
<template>
|
||
<view class="box main">
|
||
<wd-card>
|
||
<view class="head">
|
||
<image src="/static//logo.png"></image>
|
||
<view class="info">
|
||
<view>
|
||
<text class="adorn">陈程城</text>
|
||
<text>男</text>
|
||
<text>25</text>
|
||
</view>
|
||
<view>住院号/ID：123456</view>
|
||
</view>
|
||
</view>
|
||
</wd-card>
|
||
<wd-card>
|
||
<template #title>
|
||
<view class="title">病情描述</view>
|
||
</template>
|
||
<view class="content">
|
||
<view>xxxxx</view>
|
||
<view>提示：1.病人的状态描述，是否出现头疼，呕吐，嗜睡等以上症状.2.病人行为描述：是否出现走路不稳，大小便失禁等方面概述</view>
|
||
</view>
|
||
<template #footer>
|
||
</template>
|
||
</wd-card>
|
||
|
||
</view>
|
||
</template>
|
||
<style lang="scss" scoped>
|
||
.box{
|
||
padding-top: 20rpx;
|
||
.head {
|
||
display: flex;
|
||
padding: 20rpx;
|
||
gap: 20rpx;
|
||
align-items: center;
|
||
color: #000;
|
||
image {
|
||
width: 100rpx;
|
||
height: 100rpx;
|
||
border-radius: 50%;
|
||
border: 1rpx solid #d4d4d4;
|
||
}
|
||
.info {
|
||
font-size: 24rpx;
|
||
>view {
|
||
display: flex;
|
||
gap: 30rpx;
|
||
align-items: flex-end;
|
||
}
|
||
.adorn {
|
||
font-weight: bold;
|
||
font-size: 32rpx;
|
||
}
|
||
}
|
||
}
|
||
.content {
|
||
color: #333;
|
||
padding-bottom: 20rpx;
|
||
:first-child {
|
||
padding: 15rpx 0;
|
||
border-top: 1rpx solid #d4d4d4;
|
||
}
|
||
|
||
}
|
||
}
|
||
</style> |