<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>
.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>