在Angular中创建浮动面板可以使用Angular Material库来实现。下面是一个示例代码：

首先，确保已经安装了Angular Material库：

npm install @angular/material

接下来，在你的应用模块中导入所需的模块：

import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
import { MatSidenavModule } from '@angular/material/sidenav';

import { AppComponent } from './app.component';

@NgModule({
  declarations: [AppComponent],
  imports: [BrowserModule, BrowserAnimationsModule, MatSidenavModule],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule {}

然后，在你的组件模板中使用mat-sidenav组件来创建浮动面板：

  浮动面板内容
  主要内容

你可以根据自己的需求调整mat-sidenav和mat-sidenav-content的样式和布局。

最后，在你的组件代码中添加逻辑来控制浮动面板的打开和关闭：

import { Component } from '@angular/core';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent {
  toggleSidenav() {
    // 在此处添加逻辑来打开或关闭浮动面板
  }
}

这只是一个简单的示例，你可以根据需求进行更多的自定义和样式调整。