yss-project/src/app/shared/components/designer-nav/designer-nav.html

<!-- 设计师顶部导航栏 -->
<header class="top-navbar">
  <div class="navbar-left">
    <h1 class="app-title">设计师工作台</h1>
  </div>
  
  <div class="navbar-center">
    <div class="search-container">
      <input 
        type="text" 
        [(ngModel)]="searchTerm"
        placeholder="搜索项目、客户或案例..." 
        class="search-input"
      />
      <button class="search-button">
        <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor">
          <circle cx="11" cy="11" r="8"></circle>
          <path d="m21 21-4.35-4.35"></path>
        </svg>
      </button>
    </div>
  </div>
  
  <div class="navbar-right">
    <button class="notification-btn">
      <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor">
        <path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"></path>
      </svg>
      <span class="notification-badge">3</span>
    </button>
    <div class="user-profile">
      <div style="width: 40px; height: 40px; background-color: #CCCCFF; color: #555555; display: flex; align-items: center; justify-content: center; font-size: 13.333333333333334px; font-weight: bold;" class="user-avatar" title="用户头像">DESIGN</div>
      <span class="user-name">{{userName}}</span>
    </div>
  </div>
</header>

<!-- 主要内容区 -->
<main class="main-content">
  <!-- 中间内容区 - 侧边栏已删除 -->
  <div class="content-wrapper">
    <ng-content></ng-content>
  </div>
</main>