profile.html

<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>智美口腔</title>
    <link rel="stylesheet" href="style.css">
</head>

<body>
    <header>
        <div class="clinic-name">智美口腔</div>
        <img class="icon" src="messageIcon.jpg" alt="图标">
    </header>

    <main>
        <p></p>
        <div class="头像">
            <img src="headSculpture.jpeg" alt="头像">
        </div>
        <p class="用户名">用户名</p>
        <p class="会员">健康会员</p>
        <div class="table-container">
            <h2>常用工具</h2>
            <table class="responsive-table">
                <tr>
                    <td>我的病历</td>
                    <td>我的预约</td>
                    <td>我的处方</td>
                </tr>
                <tr>
                    <td>我的订单</td>
                    <td>我的收藏</td>
                    <td>我的关注</td>
                </tr>
                <tr>
                    <td>诊后评价</td>
                    <td>我的账户</td>
                    <td>会员中心</td>
                </tr>
            </table>
        </div>
        <h2>应用设置</h2>
        <div class="settings">  
            <p>账号与安全</p>
            <p>通用设置</p>
            <p>消息通知</p>
            <p>模式切换</p>
            <p>隐私管理</p>
            <p>关于我们</p>
        </div>
    </main>

    <footer>
        <nav>
            <button onclick="goTo('feature')">服务</button>
            <button onclick="goTo('home')">首页</button>
            <button class="active" onclick="goTo('profile')">我的</button>
        </nav>
        
    </footer>

    <script src="app.js"></script>


</body>

</html>