<script setup></script>
<template>
    <view class="box main">
        <Card>
            <view class="head">
                <wd-avatar src="/static/logo.png" />
                <view class="info">
                    <view class="msg">
                        <text class="adorn">陈程城</text>
                        <text>男</text>
                        <text>25</text>
                    </view>
                    <view class="msg">住院号/ID：123456</view>
                </view>
            </view>
        </Card>
        <Card>
              <template #header>     
                <view>病情描述</view>
            </template>
            <view class="content">
                <view class="title">xxxxx</view>
                <view>提示：1.病人的状态描述，是否出现头疼，呕吐，嗜睡等以上症状.2.病人行为描述：是否出现走路不稳，大小便失禁等方面概述</view>
            </view>
            <template #footer>
            </template>
        </Card>

    </view>
</template>
<style lang="scss" scoped>
.head {
    display: flex;
    gap: 20rpx;
    align-items: center;
    color: #000;
    .info {
        font-size: 24rpx;
        .msg {
            display: flex;
            gap: 30rpx;
            align-items: flex-end;
        }
        .adorn {
            font-weight: bold;
            font-size: 32rpx;
        }
    }
}
.content {
    color: #333;
    padding-bottom: 20rpx;
    .title {
        font-size: 35rpx;
        margin-bottom: 15rpx;
    }
    
}
</style>