|
|
|
@@ -70,10 +70,12 @@ body { background: #f0f2f5; display: flex; justify-content: center; align-items:
|
|
|
|
|
.dept-right-content { flex: 1; overflow-y: auto; padding: 16px 12px; background: #fff; }
|
|
|
|
|
.dept-grid { display: none; flex-wrap: wrap; gap: 10px; }
|
|
|
|
|
.dept-grid.active { display: flex; }
|
|
|
|
|
.dept-item { width: calc(50% - 5px); background: #f7f8fa; border-radius: 10px; padding: 14px 10px; display: flex; align-items: center; gap: 8px; cursor: pointer; transition: all 0.2s; font-size: 13px; color: #333; }
|
|
|
|
|
.dept-item { width: calc(50% - 5px); background: #f7f8fa; border-radius: 10px; padding: 12px 10px; display: flex; align-items: center; gap: 8px; cursor: pointer; transition: all 0.2s; font-size: 13px; color: #333; }
|
|
|
|
|
.dept-item:hover { background: #e6f4ff; color: #1677ff; }
|
|
|
|
|
.dept-item:active { transform: scale(0.96); }
|
|
|
|
|
.dept-icon { font-size: 18px; flex-shrink: 0; }
|
|
|
|
|
.dept-item-text { display: flex; flex-direction: column; gap: 2px; }
|
|
|
|
|
.dept-item-count { font-size: 11px; color: #999; }
|
|
|
|
|
|
|
|
|
|
/* ===== 疾病面板 ===== */
|
|
|
|
|
/* 疾病分类横向Tab */
|
|
|
|
@@ -90,6 +92,7 @@ body { background: #f0f2f5; display: flex; justify-content: center; align-items:
|
|
|
|
|
.disease-item:active { transform: scale(0.98); }
|
|
|
|
|
.disease-dot { width: 8px; height: 8px; border-radius: 50%; flex-shrink: 0; }
|
|
|
|
|
.disease-name { font-size: 14px; color: #333; flex: 1; }
|
|
|
|
|
.disease-count { font-size: 12px; color: #999; margin-right: 4px; }
|
|
|
|
|
.disease-arrow { color: #ccc; flex-shrink: 0; }
|
|
|
|
|
</style>
|
|
|
|
|
</head>
|
|
|
|
@@ -201,37 +204,37 @@ body { background: #f0f2f5; display: flex; justify-content: center; align-items:
|
|
|
|
|
<div class="dept-right-content">
|
|
|
|
|
<!-- [交互] 点击二级科室跳转到expert-list.html -->
|
|
|
|
|
<div id="dept-neike" class="dept-grid active">
|
|
|
|
|
<div class="dept-item" onclick="window.location.href='expert-list.html'"><span class="dept-icon">❤️</span><span>心内科</span></div>
|
|
|
|
|
<div class="dept-item" onclick="window.location.href='expert-list.html'"><span class="dept-icon">🧠</span><span>神经内科</span></div>
|
|
|
|
|
<div class="dept-item" onclick="window.location.href='expert-list.html'"><span class="dept-icon">🔬</span><span>内分泌科</span></div>
|
|
|
|
|
<div class="dept-item" onclick="window.location.href='expert-list.html'"><span class="dept-icon">🫁</span><span>消化内科</span></div>
|
|
|
|
|
<div class="dept-item" onclick="window.location.href='expert-list.html'"><span class="dept-icon">💨</span><span>呼吸科</span></div>
|
|
|
|
|
<div class="dept-item" onclick="window.location.href='expert-list.html'"><span class="dept-icon">🫘</span><span>肾内科</span></div>
|
|
|
|
|
<div class="dept-item" onclick="window.location.href='expert-list.html'"><span class="dept-icon">❤️</span><div class="dept-item-text"><span>心内科</span><span class="dept-item-count">12位专家</span></div></div>
|
|
|
|
|
<div class="dept-item" onclick="window.location.href='expert-list.html'"><span class="dept-icon">🧠</span><div class="dept-item-text"><span>神经内科</span><span class="dept-item-count">9位专家</span></div></div>
|
|
|
|
|
<div class="dept-item" onclick="window.location.href='expert-list.html'"><span class="dept-icon">🔬</span><div class="dept-item-text"><span>内分泌科</span><span class="dept-item-count">8位专家</span></div></div>
|
|
|
|
|
<div class="dept-item" onclick="window.location.href='expert-list.html'"><span class="dept-icon">🫁</span><div class="dept-item-text"><span>消化内科</span><span class="dept-item-count">11位专家</span></div></div>
|
|
|
|
|
<div class="dept-item" onclick="window.location.href='expert-list.html'"><span class="dept-icon">💨</span><div class="dept-item-text"><span>呼吸科</span><span class="dept-item-count">7位专家</span></div></div>
|
|
|
|
|
<div class="dept-item" onclick="window.location.href='expert-list.html'"><span class="dept-icon">🫘</span><div class="dept-item-text"><span>肾内科</span><span class="dept-item-count">6位专家</span></div></div>
|
|
|
|
|
</div>
|
|
|
|
|
<div id="dept-waike" class="dept-grid">
|
|
|
|
|
<div class="dept-item" onclick="window.location.href='expert-list.html'"><span class="dept-icon">🦴</span><span>骨科</span></div>
|
|
|
|
|
<div class="dept-item" onclick="window.location.href='expert-list.html'"><span class="dept-icon">🔪</span><span>普通外科</span></div>
|
|
|
|
|
<div class="dept-item" onclick="window.location.href='expert-list.html'"><span class="dept-icon">🧠</span><span>神经外科</span></div>
|
|
|
|
|
<div class="dept-item" onclick="window.location.href='expert-list.html'"><span class="dept-icon">🫀</span><span>泌尿外科</span></div>
|
|
|
|
|
<div class="dept-item" onclick="window.location.href='expert-list.html'"><span class="dept-icon">🦴</span><div class="dept-item-text"><span>骨科</span><span class="dept-item-count">10位专家</span></div></div>
|
|
|
|
|
<div class="dept-item" onclick="window.location.href='expert-list.html'"><span class="dept-icon">🔪</span><div class="dept-item-text"><span>普通外科</span><span class="dept-item-count">8位专家</span></div></div>
|
|
|
|
|
<div class="dept-item" onclick="window.location.href='expert-list.html'"><span class="dept-icon">🧠</span><div class="dept-item-text"><span>神经外科</span><span class="dept-item-count">5位专家</span></div></div>
|
|
|
|
|
<div class="dept-item" onclick="window.location.href='expert-list.html'"><span class="dept-icon">🫀</span><div class="dept-item-text"><span>泌尿外科</span><span class="dept-item-count">7位专家</span></div></div>
|
|
|
|
|
</div>
|
|
|
|
|
<div id="dept-fuchan" class="dept-grid">
|
|
|
|
|
<div class="dept-item" onclick="window.location.href='expert-list.html'"><span class="dept-icon">👩</span><span>妇科</span></div>
|
|
|
|
|
<div class="dept-item" onclick="window.location.href='expert-list.html'"><span class="dept-icon">🤰</span><span>产科</span></div>
|
|
|
|
|
<div class="dept-item" onclick="window.location.href='expert-list.html'"><span class="dept-icon">🧬</span><span>生殖科</span></div>
|
|
|
|
|
<div class="dept-item" onclick="window.location.href='expert-list.html'"><span class="dept-icon">👩</span><div class="dept-item-text"><span>妇科</span><span class="dept-item-count">9位专家</span></div></div>
|
|
|
|
|
<div class="dept-item" onclick="window.location.href='expert-list.html'"><span class="dept-icon">🤰</span><div class="dept-item-text"><span>产科</span><span class="dept-item-count">6位专家</span></div></div>
|
|
|
|
|
<div class="dept-item" onclick="window.location.href='expert-list.html'"><span class="dept-icon">🧬</span><div class="dept-item-text"><span>生殖科</span><span class="dept-item-count">4位专家</span></div></div>
|
|
|
|
|
</div>
|
|
|
|
|
<div id="dept-erke" class="dept-grid">
|
|
|
|
|
<div class="dept-item" onclick="window.location.href='expert-list.html'"><span class="dept-icon">👶</span><span>儿内科</span></div>
|
|
|
|
|
<div class="dept-item" onclick="window.location.href='expert-list.html'"><span class="dept-icon">🩹</span><span>儿外科</span></div>
|
|
|
|
|
<div class="dept-item" onclick="window.location.href='expert-list.html'"><span class="dept-icon">🍼</span><span>新生儿科</span></div>
|
|
|
|
|
<div class="dept-item" onclick="window.location.href='expert-list.html'"><span class="dept-icon">👶</span><div class="dept-item-text"><span>儿内科</span><span class="dept-item-count">8位专家</span></div></div>
|
|
|
|
|
<div class="dept-item" onclick="window.location.href='expert-list.html'"><span class="dept-icon">🩹</span><div class="dept-item-text"><span>儿外科</span><span class="dept-item-count">5位专家</span></div></div>
|
|
|
|
|
<div class="dept-item" onclick="window.location.href='expert-list.html'"><span class="dept-icon">🍼</span><div class="dept-item-text"><span>新生儿科</span><span class="dept-item-count">3位专家</span></div></div>
|
|
|
|
|
</div>
|
|
|
|
|
<div id="dept-yanerbi" class="dept-grid">
|
|
|
|
|
<div class="dept-item" onclick="window.location.href='expert-list.html'"><span class="dept-icon">👁️</span><span>眼科</span></div>
|
|
|
|
|
<div class="dept-item" onclick="window.location.href='expert-list.html'"><span class="dept-icon">👂</span><span>耳鼻喉科</span></div>
|
|
|
|
|
<div class="dept-item" onclick="window.location.href='expert-list.html'"><span class="dept-icon">🦷</span><span>口腔科</span></div>
|
|
|
|
|
<div class="dept-item" onclick="window.location.href='expert-list.html'"><span class="dept-icon">👁️</span><div class="dept-item-text"><span>眼科</span><span class="dept-item-count">7位专家</span></div></div>
|
|
|
|
|
<div class="dept-item" onclick="window.location.href='expert-list.html'"><span class="dept-icon">👂</span><div class="dept-item-text"><span>耳鼻喉科</span><span class="dept-item-count">6位专家</span></div></div>
|
|
|
|
|
<div class="dept-item" onclick="window.location.href='expert-list.html'"><span class="dept-icon">🦷</span><div class="dept-item-text"><span>口腔科</span><span class="dept-item-count">5位专家</span></div></div>
|
|
|
|
|
</div>
|
|
|
|
|
<div id="dept-pifu" class="dept-grid">
|
|
|
|
|
<div class="dept-item" onclick="window.location.href='expert-list.html'"><span class="dept-icon">🧴</span><span>皮肤科</span></div>
|
|
|
|
|
<div class="dept-item" onclick="window.location.href='expert-list.html'"><span class="dept-icon">💊</span><span>性病科</span></div>
|
|
|
|
|
<div class="dept-item" onclick="window.location.href='expert-list.html'"><span class="dept-icon">🧴</span><div class="dept-item-text"><span>皮肤科</span><span class="dept-item-count">8位专家</span></div></div>
|
|
|
|
|
<div class="dept-item" onclick="window.location.href='expert-list.html'"><span class="dept-icon">💊</span><div class="dept-item-text"><span>性病科</span><span class="dept-item-count">3位专家</span></div></div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
@@ -253,26 +256,31 @@ body { background: #f0f2f5; display: flex; justify-content: center; align-items:
|
|
|
|
|
<div class="disease-item" onclick="window.location.href='expert-list.html'">
|
|
|
|
|
<div class="disease-dot" style="background:#ff4d4f;"></div>
|
|
|
|
|
<span class="disease-name">冠心病</span>
|
|
|
|
|
<span class="disease-count">12位专家</span>
|
|
|
|
|
<svg class="disease-arrow" width="16" height="16" viewBox="0 0 16 16" fill="none" stroke="#ccc" stroke-width="1.5"><path d="M6 4l4 4-4 4"/></svg>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="disease-item" onclick="window.location.href='expert-list.html'">
|
|
|
|
|
<div class="disease-dot" style="background:#ff7a45;"></div>
|
|
|
|
|
<span class="disease-name">高血压</span>
|
|
|
|
|
<span class="disease-count">18位专家</span>
|
|
|
|
|
<svg class="disease-arrow" width="16" height="16" viewBox="0 0 16 16" fill="none" stroke="#ccc" stroke-width="1.5"><path d="M6 4l4 4-4 4"/></svg>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="disease-item" onclick="window.location.href='expert-list.html'">
|
|
|
|
|
<div class="disease-dot" style="background:#ffa940;"></div>
|
|
|
|
|
<span class="disease-name">心律失常</span>
|
|
|
|
|
<span class="disease-count">9位专家</span>
|
|
|
|
|
<svg class="disease-arrow" width="16" height="16" viewBox="0 0 16 16" fill="none" stroke="#ccc" stroke-width="1.5"><path d="M6 4l4 4-4 4"/></svg>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="disease-item" onclick="window.location.href='expert-list.html'">
|
|
|
|
|
<div class="disease-dot" style="background:#ffc53d;"></div>
|
|
|
|
|
<span class="disease-name">心肌炎</span>
|
|
|
|
|
<span class="disease-count">6位专家</span>
|
|
|
|
|
<svg class="disease-arrow" width="16" height="16" viewBox="0 0 16 16" fill="none" stroke="#ccc" stroke-width="1.5"><path d="M6 4l4 4-4 4"/></svg>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="disease-item" onclick="window.location.href='expert-list.html'">
|
|
|
|
|
<div class="disease-dot" style="background:#ff85c0;"></div>
|
|
|
|
|
<span class="disease-name">心力衰竭</span>
|
|
|
|
|
<span class="disease-count">8位专家</span>
|
|
|
|
|
<svg class="disease-arrow" width="16" height="16" viewBox="0 0 16 16" fill="none" stroke="#ccc" stroke-width="1.5"><path d="M6 4l4 4-4 4"/></svg>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
@@ -281,26 +289,31 @@ body { background: #f0f2f5; display: flex; justify-content: center; align-items:
|
|
|
|
|
<div class="disease-item" onclick="window.location.href='expert-list.html'">
|
|
|
|
|
<div class="disease-dot" style="background:#597ef7;"></div>
|
|
|
|
|
<span class="disease-name">糖尿病</span>
|
|
|
|
|
<span class="disease-count">15位专家</span>
|
|
|
|
|
<svg class="disease-arrow" width="16" height="16" viewBox="0 0 16 16" fill="none" stroke="#ccc" stroke-width="1.5"><path d="M6 4l4 4-4 4"/></svg>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="disease-item" onclick="window.location.href='expert-list.html'">
|
|
|
|
|
<div class="disease-dot" style="background:#73d13d;"></div>
|
|
|
|
|
<span class="disease-name">甲状腺疾病</span>
|
|
|
|
|
<span class="disease-count">10位专家</span>
|
|
|
|
|
<svg class="disease-arrow" width="16" height="16" viewBox="0 0 16 16" fill="none" stroke="#ccc" stroke-width="1.5"><path d="M6 4l4 4-4 4"/></svg>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="disease-item" onclick="window.location.href='expert-list.html'">
|
|
|
|
|
<div class="disease-dot" style="background:#ff9c6e;"></div>
|
|
|
|
|
<span class="disease-name">肥胖症</span>
|
|
|
|
|
<span class="disease-count">7位专家</span>
|
|
|
|
|
<svg class="disease-arrow" width="16" height="16" viewBox="0 0 16 16" fill="none" stroke="#ccc" stroke-width="1.5"><path d="M6 4l4 4-4 4"/></svg>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="disease-item" onclick="window.location.href='expert-list.html'">
|
|
|
|
|
<div class="disease-dot" style="background:#b37feb;"></div>
|
|
|
|
|
<span class="disease-name">痛风</span>
|
|
|
|
|
<span class="disease-count">8位专家</span>
|
|
|
|
|
<svg class="disease-arrow" width="16" height="16" viewBox="0 0 16 16" fill="none" stroke="#ccc" stroke-width="1.5"><path d="M6 4l4 4-4 4"/></svg>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="disease-item" onclick="window.location.href='expert-list.html'">
|
|
|
|
|
<div class="disease-dot" style="background:#5cdbd3;"></div>
|
|
|
|
|
<span class="disease-name">骨质疏松</span>
|
|
|
|
|
<span class="disease-count">6位专家</span>
|
|
|
|
|
<svg class="disease-arrow" width="16" height="16" viewBox="0 0 16 16" fill="none" stroke="#ccc" stroke-width="1.5"><path d="M6 4l4 4-4 4"/></svg>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
@@ -309,26 +322,31 @@ body { background: #f0f2f5; display: flex; justify-content: center; align-items:
|
|
|
|
|
<div class="disease-item" onclick="window.location.href='expert-list.html'">
|
|
|
|
|
<div class="disease-dot" style="background:#ff7a45;"></div>
|
|
|
|
|
<span class="disease-name">颈椎病</span>
|
|
|
|
|
<span class="disease-count">11位专家</span>
|
|
|
|
|
<svg class="disease-arrow" width="16" height="16" viewBox="0 0 16 16" fill="none" stroke="#ccc" stroke-width="1.5"><path d="M6 4l4 4-4 4"/></svg>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="disease-item" onclick="window.location.href='expert-list.html'">
|
|
|
|
|
<div class="disease-dot" style="background:#ffc53d;"></div>
|
|
|
|
|
<span class="disease-name">腰椎间盘突出</span>
|
|
|
|
|
<span class="disease-count">9位专家</span>
|
|
|
|
|
<svg class="disease-arrow" width="16" height="16" viewBox="0 0 16 16" fill="none" stroke="#ccc" stroke-width="1.5"><path d="M6 4l4 4-4 4"/></svg>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="disease-item" onclick="window.location.href='expert-list.html'">
|
|
|
|
|
<div class="disease-dot" style="background:#ff85c0;"></div>
|
|
|
|
|
<span class="disease-name">关节炎</span>
|
|
|
|
|
<span class="disease-count">13位专家</span>
|
|
|
|
|
<svg class="disease-arrow" width="16" height="16" viewBox="0 0 16 16" fill="none" stroke="#ccc" stroke-width="1.5"><path d="M6 4l4 4-4 4"/></svg>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="disease-item" onclick="window.location.href='expert-list.html'">
|
|
|
|
|
<div class="disease-dot" style="background:#597ef7;"></div>
|
|
|
|
|
<span class="disease-name">骨折</span>
|
|
|
|
|
<span class="disease-count">8位专家</span>
|
|
|
|
|
<svg class="disease-arrow" width="16" height="16" viewBox="0 0 16 16" fill="none" stroke="#ccc" stroke-width="1.5"><path d="M6 4l4 4-4 4"/></svg>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="disease-item" onclick="window.location.href='expert-list.html'">
|
|
|
|
|
<div class="disease-dot" style="background:#73d13d;"></div>
|
|
|
|
|
<span class="disease-name">肩周炎</span>
|
|
|
|
|
<span class="disease-count">7位专家</span>
|
|
|
|
|
<svg class="disease-arrow" width="16" height="16" viewBox="0 0 16 16" fill="none" stroke="#ccc" stroke-width="1.5"><path d="M6 4l4 4-4 4"/></svg>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
@@ -337,26 +355,31 @@ body { background: #f0f2f5; display: flex; justify-content: center; align-items:
|
|
|
|
|
<div class="disease-item" onclick="window.location.href='expert-list.html'">
|
|
|
|
|
<div class="disease-dot" style="background:#b37feb;"></div>
|
|
|
|
|
<span class="disease-name">头痛偏头痛</span>
|
|
|
|
|
<span class="disease-count">9位专家</span>
|
|
|
|
|
<svg class="disease-arrow" width="16" height="16" viewBox="0 0 16 16" fill="none" stroke="#ccc" stroke-width="1.5"><path d="M6 4l4 4-4 4"/></svg>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="disease-item" onclick="window.location.href='expert-list.html'">
|
|
|
|
|
<div class="disease-dot" style="background:#5cdbd3;"></div>
|
|
|
|
|
<span class="disease-name">失眠</span>
|
|
|
|
|
<span class="disease-count">12位专家</span>
|
|
|
|
|
<svg class="disease-arrow" width="16" height="16" viewBox="0 0 16 16" fill="none" stroke="#ccc" stroke-width="1.5"><path d="M6 4l4 4-4 4"/></svg>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="disease-item" onclick="window.location.href='expert-list.html'">
|
|
|
|
|
<div class="disease-dot" style="background:#ff9c6e;"></div>
|
|
|
|
|
<span class="disease-name">眩晕</span>
|
|
|
|
|
<span class="disease-count">7位专家</span>
|
|
|
|
|
<svg class="disease-arrow" width="16" height="16" viewBox="0 0 16 16" fill="none" stroke="#ccc" stroke-width="1.5"><path d="M6 4l4 4-4 4"/></svg>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="disease-item" onclick="window.location.href='expert-list.html'">
|
|
|
|
|
<div class="disease-dot" style="background:#ff4d4f;"></div>
|
|
|
|
|
<span class="disease-name">帕金森</span>
|
|
|
|
|
<span class="disease-count">5位专家</span>
|
|
|
|
|
<svg class="disease-arrow" width="16" height="16" viewBox="0 0 16 16" fill="none" stroke="#ccc" stroke-width="1.5"><path d="M6 4l4 4-4 4"/></svg>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="disease-item" onclick="window.location.href='expert-list.html'">
|
|
|
|
|
<div class="disease-dot" style="background:#ffa940;"></div>
|
|
|
|
|
<span class="disease-name">癫痫</span>
|
|
|
|
|
<span class="disease-count">6位专家</span>
|
|
|
|
|
<svg class="disease-arrow" width="16" height="16" viewBox="0 0 16 16" fill="none" stroke="#ccc" stroke-width="1.5"><path d="M6 4l4 4-4 4"/></svg>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
@@ -365,26 +388,31 @@ body { background: #f0f2f5; display: flex; justify-content: center; align-items:
|
|
|
|
|
<div class="disease-item" onclick="window.location.href='expert-list.html'">
|
|
|
|
|
<div class="disease-dot" style="background:#73d13d;"></div>
|
|
|
|
|
<span class="disease-name">胃炎</span>
|
|
|
|
|
<span class="disease-count">14位专家</span>
|
|
|
|
|
<svg class="disease-arrow" width="16" height="16" viewBox="0 0 16 16" fill="none" stroke="#ccc" stroke-width="1.5"><path d="M6 4l4 4-4 4"/></svg>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="disease-item" onclick="window.location.href='expert-list.html'">
|
|
|
|
|
<div class="disease-dot" style="background:#ff7a45;"></div>
|
|
|
|
|
<span class="disease-name">胃溃疡</span>
|
|
|
|
|
<span class="disease-count">10位专家</span>
|
|
|
|
|
<svg class="disease-arrow" width="16" height="16" viewBox="0 0 16 16" fill="none" stroke="#ccc" stroke-width="1.5"><path d="M6 4l4 4-4 4"/></svg>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="disease-item" onclick="window.location.href='expert-list.html'">
|
|
|
|
|
<div class="disease-dot" style="background:#597ef7;"></div>
|
|
|
|
|
<span class="disease-name">结肠炎</span>
|
|
|
|
|
<span class="disease-count">8位专家</span>
|
|
|
|
|
<svg class="disease-arrow" width="16" height="16" viewBox="0 0 16 16" fill="none" stroke="#ccc" stroke-width="1.5"><path d="M6 4l4 4-4 4"/></svg>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="disease-item" onclick="window.location.href='expert-list.html'">
|
|
|
|
|
<div class="disease-dot" style="background:#ffc53d;"></div>
|
|
|
|
|
<span class="disease-name">肝炎</span>
|
|
|
|
|
<span class="disease-count">11位专家</span>
|
|
|
|
|
<svg class="disease-arrow" width="16" height="16" viewBox="0 0 16 16" fill="none" stroke="#ccc" stroke-width="1.5"><path d="M6 4l4 4-4 4"/></svg>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="disease-item" onclick="window.location.href='expert-list.html'">
|
|
|
|
|
<div class="disease-dot" style="background:#b37feb;"></div>
|
|
|
|
|
<span class="disease-name">胆囊炎</span>
|
|
|
|
|
<span class="disease-count">7位专家</span>
|
|
|
|
|
<svg class="disease-arrow" width="16" height="16" viewBox="0 0 16 16" fill="none" stroke="#ccc" stroke-width="1.5"><path d="M6 4l4 4-4 4"/></svg>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
@@ -393,26 +421,31 @@ body { background: #f0f2f5; display: flex; justify-content: center; align-items:
|
|
|
|
|
<div class="disease-item" onclick="window.location.href='expert-list.html'">
|
|
|
|
|
<div class="disease-dot" style="background:#5cdbd3;"></div>
|
|
|
|
|
<span class="disease-name">慢性咳嗽</span>
|
|
|
|
|
<span class="disease-count">9位专家</span>
|
|
|
|
|
<svg class="disease-arrow" width="16" height="16" viewBox="0 0 16 16" fill="none" stroke="#ccc" stroke-width="1.5"><path d="M6 4l4 4-4 4"/></svg>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="disease-item" onclick="window.location.href='expert-list.html'">
|
|
|
|
|
<div class="disease-dot" style="background:#ff85c0;"></div>
|
|
|
|
|
<span class="disease-name">哮喘</span>
|
|
|
|
|
<span class="disease-count">11位专家</span>
|
|
|
|
|
<svg class="disease-arrow" width="16" height="16" viewBox="0 0 16 16" fill="none" stroke="#ccc" stroke-width="1.5"><path d="M6 4l4 4-4 4"/></svg>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="disease-item" onclick="window.location.href='expert-list.html'">
|
|
|
|
|
<div class="disease-dot" style="background:#ff4d4f;"></div>
|
|
|
|
|
<span class="disease-name">慢阻肺</span>
|
|
|
|
|
<span class="disease-count">8位专家</span>
|
|
|
|
|
<svg class="disease-arrow" width="16" height="16" viewBox="0 0 16 16" fill="none" stroke="#ccc" stroke-width="1.5"><path d="M6 4l4 4-4 4"/></svg>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="disease-item" onclick="window.location.href='expert-list.html'">
|
|
|
|
|
<div class="disease-dot" style="background:#ff9c6e;"></div>
|
|
|
|
|
<span class="disease-name">肺炎</span>
|
|
|
|
|
<span class="disease-count">13位专家</span>
|
|
|
|
|
<svg class="disease-arrow" width="16" height="16" viewBox="0 0 16 16" fill="none" stroke="#ccc" stroke-width="1.5"><path d="M6 4l4 4-4 4"/></svg>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="disease-item" onclick="window.location.href='expert-list.html'">
|
|
|
|
|
<div class="disease-dot" style="background:#ffa940;"></div>
|
|
|
|
|
<span class="disease-name">支气管炎</span>
|
|
|
|
|
<span class="disease-count">10位专家</span>
|
|
|
|
|
<svg class="disease-arrow" width="16" height="16" viewBox="0 0 16 16" fill="none" stroke="#ccc" stroke-width="1.5"><path d="M6 4l4 4-4 4"/></svg>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|